@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');


html {
    font-size: 12px;
    color-scheme: light !important;
    -webkit-print-color-adjust: exact; /* prevent color alterations */
    -webkit-text-fill-color: initial; /* reset text fill */
    print-color-adjust: exact;         /* Standard property */
}
:root {
    
    color-scheme: light !important;
    --bs-blue: #1e30f3;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #e21e80;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-primary: #1e30f3;
    --bs-secondary: #e21e80;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    --shadow1: 0 2px 4px 2px rgba(0, 0, 0, 0.1);
    --shadow2: 0 4px 6px 1px rgba(0, 0, 0, 0.25);
    --shadow3: 0 4px 6px 1px rgba(0, 0, 0, 0.55);
    --borderTest: 1px solid blue;
    
    --orange: #ff6425;
    --witch: #083a3c;
    --green: rgb(17, 185, 17);
    --yellow: #ffa806;
    --blue: blue;
    --radial1: rgb(11, 11, 214);
    --radial2: #10096c;
    --radial3: #170f8b;
    --radial4: rgb(1, 1, 31);
    
    --primary: #228ee6;
    --secondary: #ffc107;
    --accent1: #10096c;
    --accent2: #170f8b;
    --accent3: #030033;

    --black1: #000000;
    --black2: #0a0a0a;
    --black3: #141414;
    --black4: #1f1f1f;
    --black5: #292929;
    --black6: #333333;
    --black7: #3d3d3d;
    --black8: #474747;
    --black9: #525252;
    --black10: #5c5c5c;
    --black11: #666666;
    --black12: #707070;
    --black13: #7a7a7a;
    --black14: #858585;
    --black15: #8f8f8f;

     --gray1: #f9f9f9;
    --gray2: #f2f2f2;
    --gray3: #ebebeb;
    --gray4: #e4e4e4;
    --gray5: #dddddd;
    --gray6: #d6d6d6;
    --gray7: #cfcfcf;
    --gray8: #c8c8c8;
    --gray9: #bfbfbf;
    --gray10: #b6b6b6;
    --gray11: #adadad;
    --gray12: #a4a4a4;
    --gray13: #9b9b9b;
    --gray14: #929292;
    --gray15: #898989;

    /* TINTS – lighter toward tint15 */
--tint1:  #0f3a66;
--tint2:  #1b5f99;
--tint3:  #228ee6; /* PRIMARY */
--tint4:  #3a9be9;
--tint5:  #52a8ec;
--tint6:  #6ab5ef;
--tint7:  #82c2f2;
--tint8:  #9acff5;
--tint9:  #b2dcf7;
--tint10: #cae9fa;
--tint11: #e1f1fc;
--tint12: #edf7fe;
--tint13: #f4fafe;
--tint14: #f9fcff;
--tint15: #ffffff;

/* SHADES – darker toward shade15 */
--shade1:  #1c6fb6;
--shade2:  #1f7fd1;
--shade3:  #228ee6; /* PRIMARY */
--shade4:  #1f7fd1;
--shade5:  #1b6fb6;
--shade6:  #17609c;
--shade7:  #135182;
--shade8:  #0f4268;
--shade9:  #0c344f;
--shade10: #092636;
--shade11: #071d29;
--shade12: #05151d;
--shade13: #040d12;
--shade14: #020609;
--shade15: #000000;


    /* RED */
--red50: #fef2f2; --red100: #fee2e2; --red200: #fecaca;
--red300: #fca5a5; --red400: #f87171; --red500: #ef4444;
--red600: #dc2626; --red700: #b91c1c; --red800: #991b1b;
--red900: #7f1d1d; --red950: #450a0a;

/* ORANGE */
--orange50: #fff7ed; --orange100: #ffedd5; --orange200: #fed7aa;
--orange300: #fdba74; --orange400: #fb923c; --orange500: #f97316;
--orange600: #ea580c; --orange700: #c2410c; --orange800: #9a3412;
--orange900: #7c2d12; --orange950: #431407;

/* AMBER */
--amber50: #fffbeb; --amber100: #fef3c7; --amber200: #fde68a;
--amber300: #fcd34d; --amber400: #fbbf24; --amber500: #f59e0b;
--amber600: #d97706; --amber700: #b45309; --amber800: #92400e;
--amber900: #78350f; --amber950: #451a03;

/* YELLOW */
--yellow50: #fefce8; --yellow100: #fef9c3; --yellow200: #fef08a;
--yellow300: #fde047; --yellow400: #facc15; --yellow500: #eab308;
--yellow600: #ca8a04; --yellow700: #a16207; --yellow800: #854d0e;
--yellow900: #713f12; --yellow950: #422006;

/* LIME */
--lime50: #f7fee7; --lime100: #ecfccb; --lime200: #d9f99d;
--lime300: #bef264; --lime400: #a3e635; --lime500: #84cc16;
--lime600: #65a30d; --lime700: #4d7c0f; --lime800: #3f6212;
--lime900: #365314; --lime950: #1a2e05;

/* GREEN */
--green50: #f0fdf4; --green100: #dcfce7; --green200: #bbf7d0;
--green300: #86efac; --green400: #4ade80; --green500: #22c55e;
--green600: #16a34a; --green700: #15803d; --green800: #166534;
--green900: #14532d; --green950: #052e16;

/* EMERALD */
--emerald50: #ecfdf5; --emerald100: #d1fae5; --emerald200: #a7f3d0;
--emerald300: #6ee7b7; --emerald400: #34d399; --emerald500: #10b981;
--emerald600: #059669; --emerald700: #047857; --emerald800: #065f46;
--emerald900: #064e3b; --emerald950: #022c22;

/* TEAL */
--teal50: #f0fdfa; --teal100: #ccfbf1; --teal200: #99f6e4;
--teal300: #5eead4; --teal400: #2dd4bf; --teal500: #14b8a6;
--teal600: #0d9488; --teal700: #0f766e; --teal800: #115e59;
--teal900: #134e4a; --teal950: #042f2e;

/* CYAN */
--cyan50: #ecfeff; --cyan100: #cffafe; --cyan200: #a5f3fc;
--cyan300: #67e8f9; --cyan400: #22d3ee; --cyan500: #06b6d4;
--cyan600: #0891b2; --cyan700: #0e7490; --cyan800: #155e75;
--cyan900: #164e63; --cyan950: #083344;

/* SKY */
--sky50: #f0f9ff; --sky100: #e0f2fe; --sky200: #bae6fd;
--sky300: #7dd3fc; --sky400: #38bdf8; --sky500: #0ea5e9;
--sky600: #0284c7; --sky700: #0369a1; --sky800: #075985;
--sky900: #0c4a6e; --sky950: #082f49;

/* BLUE */
--blue50: #eff6ff; --blue100: #dbeafe; --blue200: #bfdbfe;
--blue300: #93c5fd; --blue400: #60a5fa; --blue500: #3b82f6;
--blue600: #2563eb; --blue700: #1d4ed8; --blue800: #1e40af;
--blue900: #1e3a8a; --blue950: #172554;

/* INDIGO */
--indigo50: #eef2ff; --indigo100: #e0e7ff; --indigo200: #c7d2fe;
--indigo300: #a5b4fc; --indigo400: #818cf8; --indigo500: #6366f1;
--indigo600: #4f46e5; --indigo700: #4338ca; --indigo800: #3730a3;
--indigo900: #312e81; --indigo950: #1e1b4b;

/* VIOLET */
--violet50: #f5f3ff; --violet100: #ede9fe; --violet200: #ddd6fe;
--violet300: #c4b5fd; --violet400: #a78bfa; --violet500: #8b5cf6;
--violet600: #7c3aed; --violet700: #6d28d9; --violet800: #5b21b6;
--violet900: #4c1d95; --violet950: #2e1065;

/* PURPLE */
--purple50: #faf5ff; --purple100: #f3e8ff; --purple200: #e9d5ff;
--purple300: #d8b4fe; --purple400: #c084fc; --purple500: #a855f7;
--purple600: #9333ea; --purple700: #7e22ce; --purple800: #6b21a8;
--purple900: #581c87; --purple950: #3b0764;

/* FUCHSIA */
--fuchsia50: #fdf4ff; --fuchsia100: #fae8ff; --fuchsia200: #f5d0fe;
--fuchsia300: #f0abfc; --fuchsia400: #e879f9; --fuchsia500: #d946ef;
--fuchsia600: #c026d3; --fuchsia700: #a21caf; --fuchsia800: #86198f;
--fuchsia900: #701a75; --fuchsia950: #4a044e;

/* PINK */
--pink50: #fdf2f8; --pink100: #fce7f3; --pink200: #fbcfe8;
--pink300: #f9a8d4; --pink400: #f472b6; --pink500: #ec4899;
--pink600: #db2777; --pink700: #be185d; --pink800: #9d174d;
--pink900: #831843; --pink950: #500724;

/* ROSE */
--rose50: #fff1f2; --rose100: #ffe4e6; --rose200: #fecdd3;
--rose300: #fda4af; --rose400: #fb7185; --rose500: #f43f5e;
--rose600: #e11d48; --rose700: #be123c; --rose800: #9f1239;
--rose900: #881337; --rose950: #4c0519;

/* SLATE */
--slate50: #f8fafc; --slate100: #f1f5f9; --slate200: #e2e8f0;
--slate300: #cbd5e1; --slate400: #94a3b8; --slate500: #64748b;
--slate600: #475569; --slate700: #334155; --slate800: #1e293b;
--slate900: #0f172a; --slate950: #020617;

/* GRAY */
--gray50: #f9fafb; --gray100: #f3f4f6; --gray200: #e5e7eb;
--gray300: #d1d5db; --gray400: #9ca3af; --gray500: #6b7280;
--gray600: #4b5563; --gray700: #374151; --gray800: #1f2937;
--gray900: #111827; --gray950: #030712;

/* ZINC */
--zinc50: #fafafa; --zinc100: #f4f4f5; --zinc200: #e4e4e7;
--zinc300: #d4d4d8; --zinc400: #a1a1aa; --zinc500: #71717a;
--zinc600: #52525b; --zinc700: #3f3f46; --zinc800: #27272a;
--zinc900: #18181b; --zinc950: #09090b;

/* NEUTRAL */
--neutral50: #fafafa; --neutral100: #f5f5f5; --neutral200: #e5e5e5;
--neutral300: #d4d4d4; --neutral400: #a3a3a3; --neutral500: #737373;
--neutral600: #525252; --neutral700: #404040; --neutral800: #262626;
--neutral900: #171717; --neutral950: #0a0a0a;

/* STONE */
--stone50: #fafaf9; --stone100: #f5f5f4; --stone200: #e7e5e4;
--stone300: #d6d3d1; --stone400: #a8a29e; --stone500: #78716c;
--stone600: #57534e; --stone700: #44403c; --stone800: #292524;
--stone900: #1c1917; --stone950: #0c0a09;

}

::-webkit-scrollbar {
    width: 16px;
    background-color: rgba(128, 128, 128, 0.01);
    margin-left: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #9a9f9a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    transform: scale(1.08);
    background-color: var(--tint2);
    border: 0.5px solid white;
    border-radius: 5px;
}
        
::-webkit-scrollbar-track {
    background-color: rgba(128, 128, 128, 0.15);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 12px;
    overflow: hidden;
    font-family: 'Poppins', arial;
    background-color: transparent;
    font-weight: 400;
    color-scheme: light !important;
}

/*fontsizes */
p { font-weight: 400; line-height: normal !important; }
.str1 { font-weight: 100; }
.str2 { font-weight: 200; }
.str3 { font-weight: 300; }
.str4 { font-weight: 400; }
.str5 { font-weight: 500; }
.str6 { font-weight: 600; }
.str7 { font-weight: 700; }
.str8 { font-weight: 800; }
.str9 { font-weight: 900; }

hr { width: 100%; opacity: 0.5; border-width: 0.1px; }

/*sections*/

div {
    display: flex;
    justify-content: center;
    box-sizing: border-box !important;
    align-items: center;
    height: 100%;
    width: 100%;
    border: none;
    /*
    border: 1px solid green !important;
    */
    
}

body {
    background-color: var(--white);
    position: relative;
    height: 100vh !important;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center !important;
    padding: 0;
    gap: 10px;
    color: var(--shade11) !important;
}

section {
    display: flex;
    justify-content: center;
    box-sizing: border-box !important;
    align-items: center;
    height: auto;
    width: 100%;
    border: none;
    padding: 10px;
}

main {
    display: flex;
    justify-content: center;
    box-sizing: border-box !important;
    align-items: center;
    height: auto;
    width: fit-content;
    border: none;
}

/*containers*/

.mainf, .sidef {
    height: 100%;
    width: 100%;
    flex-direction: column;
    position: relative;
}
.sidef {
    width: 15%;
    padding: 10px;
}
.mainf {
    width: 85%;
    padding: 10px;
    display: block;
    overflow-y: auto;
}

.menu {
    justify-content: start;
    align-items: start;
    flex-direction: column;
    gap: 5px;
    padding: 6px;
}

.sub {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: auto;
}

.smallWidth { width: 25%; }
.mediumWidth { width: 50%; }
.largeWidth { width: 75%; }
.smallHeight { height:25%; }
.mediumHeight { height: 50%; }
.largeHeight { height: 75%; }

/* buttons and icons */
i {
    font-size: inherit;
    color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
    width: fit-content;
    height: fit-content;
}
p i {
    display: inline !important;
}

i.material-icons {
    font-size: inherit !important;
}

a, button {
    background-color: transparent;
    color: inherit;
    font-size: 1rem;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: fit-content;
    width: fit-content;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
    gap: 3px;
    img {
        height: 20px;
        width: 20px;
        border-radius: 50%;
        border: 0.5px solid rgba(128, 128, 128, 0.437);
    }
}

a:hover, button:hover {
    transform: scale(1.02);
}

.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 10px;
    border-radius: 12px;
    font-weight: 600;
    border: 0.5px solid rgb(206, 206, 206);
    cursor: pointer;
    background-color: white;
    transition: all 0.6s ease-in-out;
    font-size: 12px;
    font-family: 'poppins', sans-serif;
    color: var(--shade8);
    gap: 5px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    i {
        height: 13px !important;
        width: 13px !important;
    }
}

.mnav {
    justify-content: start;
    align-items: center;
    transition: all 0.6s ease-in-out;
    width: 100%;
    border: none;
    font-size: 16px;
    font-weight: 400;
    gap: 5px;
    i {
        font-size: 12px !important;
        height: 15px !important;
        width: 16px !important;
    }
}

.mnav:hover {
    background-color: var(--tint11);
    color: var(--tint1) !important;
    transform: 0;
    transition: all 0.6s ease-in-out;
    font-weight: 500;
}

.mnav.active {
    background-color: var(--tint12);
    width: 100%;
    transition: all 0.6s ease;
    font-weight: 500;
    color: var(--shade1) !important;
}
.mnav.active:hover {
    background-color: var(--tint14);
    color: var(--tint1) !important;
}


.tnav {
    justify-content: start;
    align-items: center;
    transition: all 0.6s ease-in-out;
    background-color: transparent;
    color: rgb(69, 69, 69);
    border: none;
    border-radius: 10px !important;
    font-size: 12px;
    font-weight: 400;
    gap: 5px;
    i {
        font-size: inherit;
        height: 15px !important;
        width: 16px !important;
    }
}

.tnav:hover {
    background-color: rgba(255, 255, 255, 0.2);
    transform: 0;
    color: var(--accent2);
    transition: all 0.6s ease-in-out;
    box-shadow: var(--shadow1);
}

.tnav.active {
    background-color: white;
    transition: all 0.6s ease;
    font-weight: 500;
    color: var(--accent2);
    box-shadow: var(--shadow1);
}
.tnav.active:hover {
    color: var(--accent2);
    box-shadow: var(--shadow1);
}

.snav {
    background-color: var(--tint2);
    color: white;
    border: none;
}

.gnav {
    background-color: var(--green);
    color: white;
    border: none !important;
}

.dnav {
    background-color: rgb(172, 10, 10);
    color: white;
    border: none !important;
}

.dnav:hover {
    background-color: rgb(172, 10, 10);
    color: whitesmoke;
}

.dnav-fill {
    border: 0.5px solid rgba(255, 0, 0, 0.2);
    color: rgba(74, 1, 1, 0.958);
}
.dnav-fill:hover {
    background-color: #fff7f7;
    border: 0.5px solid rgba(255, 0, 0, 0.2);
    color: rgba(74, 1, 1, 0.958);
}


.ynav {
    background-color: #fcc728;
    color: var(--accent3) !important;
    border: none !important;
}

.pnav {
    background-color: var(--tint2);
    color: white;
    font-weight: 400;
    i {
        height: 13px !important;
        width: 13px !important;
    }
}

.cnav {
    width: 40px;
    height: 39px;
    max-width: 40px;
    max-height: 39px;
    border-radius: 50% !important;
    padding: 0 !important;
    font-size: 98%;
    i {
        font-size: calc(100% * 1.5);
        width: 90% !important;
        height: 90% !important;
        border-radius: 50%;
    }
    img {
        height: 90%;
        width: 90%;
    }
}

.cnavLG {
    width: 50px;
    height: 48.5px;
    max-width: 50px;
    max-height: 48.5px;
    border-radius: 50% !important;
    padding: 0 !important;
    font-size: 98%;
    i {
        font-size: calc(100% * 1.5);
        width: 90% !important;
        height: 90% !important;
        border-radius: 50%;
    }
    img {
        height: 90%;
        width: 90%;
    }
}

.actnav {
    border-radius: 10px !important;
}


/*forms*/
form {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 14px;
    position: relative;
    width: 100%;
    height: auto;
    color: var(--shade11) !important;
}

.form2 {
    height: fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
}

.field {
    width: 100%;
    display: flex;
    height: auto;
    justify-content: start;
    align-items: start;
    padding: 0;
    gap: 3px;
    flex-direction: column;
}
.field.long {
    width: 70%;
}
.field.short {
    width: 30%;
}
.field.medium {
    width: 50%;
}
.field.tiny {
    width: 10%;
}
.field.large {
    width: 85%;
}
.field.radio, .field.checkbox {
    width: 25%;
    flex-direction: row;
    align-items: center;
    background-color: var(--tint8);
    padding: 10px;
    border-radius: 0.5rem;
    transition: 0.4s ease-in-out;
}
.field.radio:hover, .field.checkbox:hover {
    background-color: #d9e7dd;
    border-radius: 2rem;
}
.field.password {
    position: relative;
}
fieldset {
    width: 100%;
    padding: 20px;
    border-radius: 1rem;
}
.showPass {
    position: absolute;
    right: 10px;
    top: 50%;
    cursor: pointer;
    font-size: 12px;
}
.showPass:hover {
    color: var(--bs-blue);
    font-weight: 500;
}

label {
    font-size: 12px;
    margin-left: 5px;
    color: var(--shade11) !important;
}

textarea {
    background-color: white;
    border: solid 1px lightgray;
    padding: 10px;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    resize: none;
    transition: all 0.6s ease;
    height: calc(6 * 1em);
}

input, .searchBar, .selectBar {
    background-color: white;
    border: solid 1px rgb(183, 183, 183);
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 36px;
    i {
        width: 15px;
    }
}
.selectBar {
    padding: 0 0;
    max-width: 200px;
    padding-inline: 10px;
    padding-block: 0;
}
.selectBar:hover {
    background-color: white !important;
}

.searchBar {
    padding: 8px 8px;
    flex-direction: row;
    border-radius: 12px;
    width: 50%;
    max-height: 40px;
    transition: 1s ease;
}
.searchBar:hover {
    border: 2px solid var(--tint3);
}
.searchBar:hover i {
    color: var(--tint3);
}
.searchBar input[type=search] {
    border-radius: 0.5em;
    border: none;
    padding: none;
    i {
        width: 24px;
        opacity: 0.6;
        color: inherit;
    }
}
.searchBar input[type=search]:focus {
    outline-color: none !important;
    background-color: transparent;
    border: none !important;
    color: inherit;
    i {
        width: 24px;
        opacity: 0.6;
        color: inherit;
    }
}
.searchBar input[type=search]:hover {
    outline-color: none !important;
    background-color: transparent;
    border: none !important;
}


.field .selectBar {
    width: 100%;
    max-width: 100%;
}

select {
    background-color: white;
    border: none;
    padding: 10px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    max-height: 42px;
    outline: none;
    color: var(--shade10);
}

form .selectBar {
    border: 0.5px solid lightgray;
}
option {
    font-size: 1rem;
}

form input:hover, .selectBar:hover, form textarea:hover {
    background-color: var(--tint14);
}

textarea:focus, textarea:hover {
    height: calc(6 * 1em);
}


input:focus, textarea:focus, .selectBar:focus {
    border: 0.5px solid var(--radial2) !important;
    outline: none;
    background-color: #f9fefb;
    transition: none;
}

input[type="checkbox"], input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--radial2);
    border-radius: 4px;
    transition: background-color 0.3s, border-color 0.3s;
}

input[type="file"] {
    border: 1px solid rgba(201, 206, 255, 0.945);
    background-color: var(--tint14);
    color: var(--shade8);
    padding: 0;
    cursor: pointer;
    display: flex;
}

/* Style the choose button */
input[type="file"]::file-selector-button {
    background-color: var(--tint14);
    color: var(--shade8);
    border: 0.5px solid rgba(76, 76, 246, 0.132);
    margin-right: 5px;
    padding: 8px;
    cursor: pointer;
    transition: 0.3s ease;
    border-radius: 10px;
    font-weight: 400;
    font-family: 'Poppins', Arial;
}

/* Hover */
input[type="file"]::file-selector-button:hover {
    background-color: var(--tint15);
    color: var(--shade8);
}
input[type="date"] {
    display: inline-block;
    position: relative;
    justify-content: space-between;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    border: 1px solid rgba(201, 206, 255, 0.945);
    background-color: var(--tint14);
    color: var(--shade5);
    padding: 5px;
    cursor: pointer;
    border-radius: 5px;
}


.toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
    margin-left: 0;
}

.toggle input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 25px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    transition: 0.4s;
}

.toggle input:checked + .slider {
    background-color: var(--radial2);
}

.toggle input:checked + .slider:before {
    transform: translate(25px, -50%);
}


/*table*/
.tableCard {
    height: auto;
    display: flex;
    flex-direction: column;
}

table {
    width: 100%;
    border-collapse: separate;
    background-color: white;
    border-radius: 0.5rem;
    padding: 15px;
    table-layout: fixed;
    box-shadow: var(--shadow1);
}
td {
    padding: 10px 5px;
    border-top: solid 0.5px rgba(211, 211, 211, 0);
    font-size: 0.9rem;
    align-items: center !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}
/*
td:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
}


td:hover {
    text-overflow: visible !important;
    white-space: wrap;
}
*/

td img {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    align-self: center !important;
    justify-self: center !important;
}

tr:nth-child(odd) {
    background-color: rgb(247, 247, 247);
}

tr:nth-child(even) {
    background-color: white;
}

th {
    font-size: 1rem;
    padding: 14px 5px;
    width: calc(100% / 6);
    font-weight: 600;
    position: relative;
    text-align: left;
    border-top: solid 0.5px rgba(211, 211, 211, 0);
    background-color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: var(--shadow1) !important;
    border-radius: 10px;
}


#pagination {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 0.9rem;
    width: auto;
}

#pagination button,
#pagination span {
    margin: 0;
    padding: 8px 13px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: white;  
    font-size: 1rem;
    margin: 0 3px;
    width: auto;
}

#pagination .active {
    background: var(--primary);
    color: white;
}

#pagination button:hover {
    background-color: #f0f0f0;
    color: inherit;
    transform: scale(1);
    transition: all 0.3s ease;
    opacity: 0.8;
}
.totalRecords {
    font-size: 14px;
    font-weight: 500;
    color: inherit;
}

progress {
    width: 100%;
    height: 20px;
    border: none;
    background-color: white;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  
progress::-webkit-progress-bar { background-color: white; border-radius: 0.5rem; }
progress::-webkit-progress-value { background: var(--gradient3); }
progress::-moz-progress-bar { background-color: #4caf50; }

.unseen {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.6s ease-in-out, opacity 0.7s ease;
    z-index: 100;
}
.seen {
    max-height: 800px;
    opacity: 1;
    transition: max-height 0.6s ease-in-out, opacity 0.2s ease;
    z-index: 100;
}


/* Background Colors */

.abstractBG {
    color: white;
    background: 
        radial-gradient(circle at 10% 5%, var(--shade15), transparent 25%),
        radial-gradient(circle at 95% 10%,  var(--tint4), transparent 30%),
        radial-gradient(circle at 95% 90%,  var(--tint6), transparent 24%),
        radial-gradient(circle at 10% 60%,  var(--tint4), transparent 30%),
        radial-gradient(circle at 50% 50%,  var(--tint6), transparent 50%);
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: var(--shade10);
}

.gradient {
    color: white;
    background: 
        radial-gradient(circle at 50% 90%, var(--shade10), transparent 50%),  /* Light Gray */
        radial-gradient(circle at 88% 99%,  var(--tint5), transparent 26%),  /* Very Light Blue */
        radial-gradient(circle at 20% 1%,  var(--tint3), transparent 70%),  /* Very Light Blue */
        radial-gradient(circle at 70% 30%,  var(--shade10), transparent 10%); /* White */
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: var(--shade10);
}

.polaroid {
    color: white;
    background: 
        radial-gradient(circle at 50% 90%, var(--tint10), transparent 50%),  /* Light Gray */
        radial-gradient(circle at 88% 99%,  var(--tint9), transparent 26%),  /* Very Light Blue */
        radial-gradient(circle at 20% 1%,  var(--tint8), transparent 70%); /* White */
    background-blend-mode: multiply;
    backdrop-filter: blur(50px);
    background-color: transparent;
}

.geo {
    position: relative;
    color: white;
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: var(--tint10);
    z-index: 50 !important;
}

.geo::before {
    content: "";
    height: 150%;
    width: 75%;
    border-radius: 50%;
    transform: rotate(90deg);
    position: absolute;
    right: -20%;
    top: -50%;
    color: white !important;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    var(--tint4),
    rgba(255, 255, 255, 0.02) 40%),
    rgba(47, 0, 255, 0);
    backdrop-filter: blur(2px) saturate(100%);
    -webkit-backdrop-filter: blur(25px) saturate(100%);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 6px rgba(255,255,255,0.3), 0 8px 32px rgba(0,0,0,0.3);
    animation: liquidFlow 6s ease-in-out infinite alternate;
    z-index: -1;
}

.geo::after {
    content: "";
    height: 110%;
    width: 65%;
    border-radius: 30px;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    bottom: -25%;
    color: white !important;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    var(--tint4),
    rgba(255, 255, 255, 0.02) 40%),
    rgba(47, 0, 255, 0);
    backdrop-filter: blur(1px) saturate(100%);
    -webkit-backdrop-filter: blur(25px) saturate(100%);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 6px rgba(255,255,255,0.3), 0 8px 32px rgba(0,0,0,0.3);
    animation: liquidFlow 6s ease-in-out infinite alternate;
    z-index: -1;
}

.glass {
    background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.05),
    rgba(231, 231, 231, 0.08)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 15px;
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    color: #fff;
}

.liquid {
    border-radius: 15px;
    color: white !important;
    position: relative;
    overflow: hidden;
    background: 
        radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0) 20%);
    backdrop-filter: blur(1px) saturate(115%);
    background-size: 300% 300%;
    -webkit-backdrop-filter: blur(1px) saturate(115%);
    border: none;
    border-top: 0.5px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);

    box-shadow: 
        inset -4px -4px 8px rgba(163, 163, 163, 0.07),
        4px 4px 12px rgba(0, 0, 0, 0);
    animation: shine 5s ease-in-out infinite;
}

.liquidX {
    border-radius: 15px;
    color: white !important;
    position: relative;
    overflow: hidden;
    background: 
        radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.15),rgba(255, 255, 255, 0) 20%);
    backdrop-filter: blur(1px) saturate(115%);
    background-size: 300% 300%;
    -webkit-backdrop-filter: blur(1px) saturate(115%);
    border-top: 0.5px solid rgba(255, 255, 255, 0.11);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.11);
    border-right: 0.5px solid rgba(255, 255, 255, 0.01);
    border-left: 0.5px solid rgba(255, 255, 255, 0.01);

    box-shadow: 
        inset -4px -4px 8px rgba(163, 163, 163, 0.07),
        4px 4px 12px rgba(0, 0, 0, 0);
}

.porcelain {
    border-radius: 15px;
    padding: 10px;
    color: var(--bs-dark);
    position: relative;
    overflow: hidden;
    background: 
    radial-gradient(circle at 90% 10%,
    rgb(255, 255, 255),
    rgba(99, 99, 99, 0.1) 50%),
    rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    border: 2px solid rgba(255, 255, 255, 0.642);
    box-shadow: inset 0 1px 30px rgba(255, 255, 255, 0.5), 0 2px 8px rgba(188, 188, 188, 0.8);
    animation: liquidFlow 6s ease-in-out infinite alternate;
}
.porcelain .glass {
    background-color: white;
    color: var(--bs-dark) !important;
    box-shadow: inset 0 1px 4px rgba(219, 219, 219, 0.5), 0 2px 8px rgba(188, 188, 188, 0.8);
}
.aluminum {
    border-radius: 15px;
    padding: 10px;
    color: var(--bs-dark);
    position: relative;
    overflow: hidden;
    background: 
    radial-gradient(circle at 90% 10%,
    rgb(255, 255, 255),
    rgb(179, 179, 179) 50%),
    rgba(255, 255, 255, 0.132);
    backdrop-filter: blur(1px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    border: 2px solid rgba(255, 255, 255, 0.642);
}

/* xtra */
.abstractBG1 {
    color: white;
    background: 
        radial-gradient(circle at 50% 90%, var(--shade15), transparent 50%),  /* Light Gray */
        radial-gradient(circle at 88% 99%,  var(--tint5), transparent 26%),  /* Very Light Blue */
        radial-gradient(circle at 20% 1%,  var(--tint3), transparent 70%),  /* Very Light Blue */
        radial-gradient(circle at 70% 30%,  var(--shade15), transparent 10%); /* White */
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: var(--shade12);
}

.abstractBG2 {
    position: relative;
    color: white;
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: var(--shade10);
    z-index: 50 !important;
}

.abstractBG2::before {
    content: "";
    height: 150%;
    width: 75%;
    border-radius: 50%;
    transform: rotate(90deg);
    position: absolute;
    right: -20%;
    top: -50%;
    color: white !important;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    var(--tint4),
    rgba(255, 255, 255, 0.02) 40%),
    rgba(47, 0, 255, 0);
    backdrop-filter: blur(2px) saturate(100%);
    -webkit-backdrop-filter: blur(25px) saturate(100%);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 6px rgba(255,255,255,0.3), 0 8px 32px rgba(0,0,0,0.3);
    animation: liquidFlow 6s ease-in-out infinite alternate;
    z-index: -1;
}

.abstractBG2::after {
    content: "";
    height: 110%;
    width: 65%;
    border-radius: 30px;
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    bottom: -25%;
    color: white !important;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    var(--tint4),
    rgba(255, 255, 255, 0.02) 40%),
    rgba(47, 0, 255, 0);
    backdrop-filter: blur(1px) saturate(100%);
    -webkit-backdrop-filter: blur(25px) saturate(100%);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 6px rgba(255,255,255,0.3), 0 8px 32px rgba(0,0,0,0.3);
    animation: liquidFlow 6s ease-in-out infinite alternate;
    z-index: -1;
}



.glass2 {
    background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.05),
    rgba(0, 0, 0, 0.08)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 15px;
    border: 0.5px solid rgba(255, 255, 255, 0.567);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    color: #ffffff;
}

/*
.liquid {
    border-radius: 15px;
    color: white !important;
    position: relative;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    rgba(255,255,255,0.25),
    rgba(255,255,255,0.02) 30%),
    rgba(255,255,255,0.0);
    backdrop-filter: blur(1px) saturate(200%);
    -webkit-backdrop-filter: blur(25px) saturate(200%);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 6px rgba(255,255,255,0.3), 0 8px 32px rgba(0,0,0,0.5);
    animation: liquidFlow 6s ease-in-out infinite alternate;
}
    
*/

.glass2 {
    border-radius: 15px;
    color: white !important;
    position: relative;
    overflow: hidden;
    background: 
    radial-gradient(circle at 80% 30%,
    rgba(10, 31, 112, 0.4),
    rgba(71, 117, 226, 0.02) 30%),
    rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(1px) saturate(190%);
    -webkit-backdrop-filter: blur(25px) saturate(100%);
    border: 0.5px solid rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 3px 8px rgba(255, 255, 255, 0.241), 0 8px 32px rgba(0,0,0,0.5);
    animation: liquidFlow 6s ease-in-out infinite alternate;
}


@keyframes shine {
  0% { background-position: 0% 30%; }
  50% { background-position: 100% 80%; }
  100% { background-position: 0% 30%; }
}

.droplet {
  position: relative;
  width: 150px;
  height: 150px;
  background: #4fc3f7; /* water color */
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; /* gives blob shape */
  overflow: hidden;
  animation: blobMove 4s ease-in-out infinite;
}

.droplet::before {
  content: '';
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.6), transparent);
  border-radius: 50%;
}

@keyframes blobMove {
  0%, 100% { border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; transform: translateY(0); }
  25% { border-radius: 55% 45% 50% 50% / 60% 55% 45% 40%; transform: translateY(-5px); }
  50% { border-radius: 50% 50% 55% 45% / 55% 60% 40% 45%; transform: translateY(5px); }
  75% { border-radius: 45% 55% 50% 50% / 60% 55% 45% 40%; transform: translateY(-5px); }
}

.animate {
  position: relative;
  width: 300px;
  height: 200px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(270deg, #ff6ec4, #7873f5, #42e695, #ff6ec4);
  background-size: 600% 600%;
  animation: animateX 8s ease infinite;
}

@keyframes animateX {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.scale01 { transform: scale(0.1); }
.scale02 { transform: scale(0.2); }
.scale03 { transform: scale(0.3); }
.scale04 { transform: scale(0.4); }
.scale05 { transform: scale(0.5); }
.scale06 { transform: scale(0.6); }
.scale07 { transform: scale(0.7); }
.scale08 { transform: scale(0.8); }
.scale09 { transform: scale(0.9); }
.scale1  { transform: scale(1); }
.scale2  { transform: scale(2); }
.scale3  { transform: scale(3); }
.scale4  { transform: scale(4); }
.scale5  { transform: scale(5); }
.scale6  { transform: scale(6); }
.scale7  { transform: scale(7); }
.scale8  { transform: scale(8); }
.scale9  { transform: scale(9); }
.scale10 { transform: scale(10); }

.rtl { direction: rtl; unicode-bidi: bidi-override; }
.ltr { direction: ltr; unicode-bidi: bidi-override; }

.translateY { position: absolute; top: 50%; transform: translateY(-50%); }
.translateX { position: absolute; left: 50%; transform: translateX(-50%); }
.translateCenter { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* background colors */
.bg0 { background: none; }
.bgInherit { background: inherit; }
.transparent { background-color: transparent; }
.translucent { background-color: rgba(255, 255, 255, 0.688) ;}
.bgModal1 { background-color: rgba(0, 0, 0, 0.1); }
.bgModal2 { background-color: rgba(0, 0, 0, 0.2); }
.bgModal3 { background-color: rgba(0, 0, 0, 0.3); }
.bgModal4 { background-color: rgba(0, 0, 0, 0.4); }
.bgModal5 { background-color: rgba(0, 0, 0, 0.5); }
.bgModal6 { background-color: rgba(0, 0, 0, 0.6); }
.bgModal7 { background-color: rgba(0, 0, 0, 0.7); }
.bgModal8 { background-color: rgba(0, 0, 0, 0.8); }
.bgModal9 { background-color: rgba(0, 0, 0, 0.9); }
.bgModal10 { background-color: rgba(0, 0, 0, 1); }

.bgPrimary { background-color: var(--primary);}
.bgWhite { background-color: white; color: var(--shade9) !important; }
.bgLight { background-color: rgb(243, 243, 243); }
.bgSoft { background-color: rgb(237, 237, 237); }
.bgGray { background-color: rgb(176, 176, 176); }
.bgDark { background-color: rgb(120, 120, 120); }
.bgBlack { background-color: black; }

.bgRed { background-color: red; }
.bgGreen { background-color: green; }
.bgBlue { background-color: #040d6b; }
.bgLightblue { background-color: #dbdeff; }
.bgYellow { background-color: #fcc728; }
.bgYellow2 {
    color: white;
    background: 
        radial-gradient(circle at 10% 5%, #ffca2c, transparent 25%),
        radial-gradient(circle at 95% 10%,  rgb(255, 187, 0), transparent 30%),
        radial-gradient(circle at 95% 90%,  rgb(255, 196, 0), transparent 24%),
        radial-gradient(circle at 50% 50%,  rgb(240, 213, 7), transparent 60%);
    background-blend-mode: lighten;
    backdrop-filter: blur(10px);
    background-color: #ffca2c;
}
.bgOrange { background-color: orangered; }
.bgPurple { background-color: purple; }
.bgPink { background-color: pink; }
.bgBrown { background-color: brown; }
.bgCyan { background-color: cyan; }
.bgMagenta { background-color: magenta; }
.bgTeal { background-color: teal; }
.bgLime { background-color: lime; }
.bgIndigo { background-color: indigo; }
.bgViolet { background-color: rgb(27, 2, 39); }
.bgGold { background-color: gold; }
.bgSilver { background-color: silver; }
.bgMaroon { background-color: maroon; }
.bgNavy { background-color: rgb(9, 9, 55); }
.bgOlive { background-color: olive; }
.witch { background-color: var(--witch);}
.aqua { background-color: var(--aqua);}

.noteRed{background-color:rgb(255,240,240); border:0.5px solid rgba(255,0,0,0.4);color:red; padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteGreen{background-color:rgb(237,255,240); border:0.5px solid rgba(0,128,0,0.4);color:green; padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteOrange{background-color:rgb(255,248,235); border:0.5px solid rgba(255,165,0,0.4);color:orange; padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteYellow{background-color:rgb(255, 249, 235); border:0.5px solid rgba(255, 166, 0, 0.4);color:rgb(218, 147, 32); padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteBlue{background-color:rgb(235,245,255); border:0.5px solid rgba(0,102,255,0.4);color:royalblue; padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteViolet{background-color:rgb(245,235,255); border:0.5px solid rgba(138,43,226,0.4);color:blueviolet; padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteGray {background-color: rgb(236, 236, 236); border: 1px solid rgba(128, 128, 128, 0.484); color: rgb(48, 48, 48); padding: 5px; border-radius: 0.7rem; text-align: center;}
.noteBlack {background-color: rgb(236, 236, 236); border: 1px solid rgba(0, 0, 0, 0.484); color: rgb(0, 0, 0); padding: 5px; border-radius: 0.7rem; text-align: center;}


/* Black colors */
.bgBlack1 { background-color: var(--black1); }
.bgBlack2 { background-color: var(--black2); }
.bgBlack3 { background-color: var(--black3); }
.bgBlack4 { background-color: var(--black4); }
.bgBlack5 { background-color: var(--black5); }
.bgBlack6 { background-color: var(--black6); }
.bgBlack7 { background-color: var(--black7); }
.bgBlack8 { background-color: var(--black8); }
.bgBlack9 { background-color: var(--black9); }
.bgBlack10 { background-color: var(--black10); }
.bgBlack11 { background-color: var(--black11); }
.bgBlack12 { background-color: var(--black12); }
.bgBlack13 { background-color: var(--black13); }
.bgBlack14 { background-color: var(--black14); }
.bgBlack15 { background-color: var(--black15); }

/* Gray colors */
.bgGray1 { background-color: var(--gray1); }
.bgGray2 { background-color: var(--gray2); }
.bgGray3 { background-color: var(--gray3); }
.bgGray4 { background-color: var(--gray4); }
.bgGray5 { background-color: var(--gray5); }
.bgGray6 { background-color: var(--gray6); }
.bgGray7 { background-color: var(--gray7); }
.bgGray8 { background-color: var(--gray8); }
.bgGray9 { background-color: var(--gray9); }
.bgGray10 { background-color: var(--gray10); }
.bgGray11 { background-color: var(--gray11); }
.bgGray12 { background-color: var(--gray12); }
.bgGray13 { background-color: var(--gray13); }
.bgGray14 { background-color: var(--gray14); }
.bgGray15 { background-color: var(--gray15); }

/* Tint colors */
.bgTint1 { background-color: var(--tint1); }
.bgTint2 { background-color: var(--tint2); }
.bgTint3 { background-color: var(--tint3); }
.bgTint4 { background-color: var(--tint4); }
.bgTint5 { background-color: var(--tint5); }
.bgTint6 { background-color: var(--tint6); }
.bgTint7 { background-color: var(--tint7); }
.bgTint8 { background-color: var(--tint8); }
.bgTint9 { background-color: var(--tint9); }
.bgTint10 { background-color: var(--tint10); }
.bgTint11 { background-color: var(--tint11); }
.bgTint12 { background-color: var(--tint12); }
.bgTint13 { background-color: var(--tint13); }
.bgTint14 { background-color: var(--tint14); }
.bgTint15 { background-color: var(--tint15); }

/* Shade colors */
.bgShade1 { background-color: var(--shade1); }
.bgShade2 { background-color: var(--shade2); }
.bgShade3 { background-color: var(--shade3); }
.bgShade4 { background-color: var(--shade4); }
.bgShade5 { background-color: var(--shade5); }
.bgShade6 { background-color: var(--shade6); }
.bgShade7 { background-color: var(--shade7); }
.bgShade8 { background-color: var(--shade8); }
.bgShade9 { background-color: var(--shade9); }
.bgShade10 { background-color: var(--shade10); }
.bgShade11 { background-color: var(--shade11); }
.bgShade12 { background-color: var(--shade12); }
.bgShade13 { background-color: var(--shade13); }
.bgShade14 { background-color: var(--shade14); }
.bgShade15 { background-color: var(--shade15); }


/* bgColor */
.bgRed50 { background-color: var(--red50); }
.bgRed100 { background-color: var(--red100); }
.bgRed200 { background-color: var(--red200); }
.bgRed300 { background-color: var(--red300); }
.bgRed400 { background-color: var(--red400); }
.bgRed500 { background-color: var(--red500); }
.bgRed600 { background-color: var(--red600); }
.bgRed700 { background-color: var(--red700); }
.bgRed800 { background-color: var(--red800); }
.bgRed900 { background-color: var(--red900); }
.bgRed950 { background-color: var(--red950); }
.bgOrange50 { background-color: var(--orange50); }
.bgOrange100 { background-color: var(--orange100); }
.bgOrange200 { background-color: var(--orange200); }
.bgOrange300 { background-color: var(--orange300); }
.bgOrange400 { background-color: var(--orange400); }
.bgOrange500 { background-color: var(--orange500); }
.bgOrange600 { background-color: var(--orange600); }
.bgOrange700 { background-color: var(--orange700); }
.bgOrange800 { background-color: var(--orange800); }
.bgOrange900 { background-color: var(--orange900); }
.bgOrange950 { background-color: var(--orange950); }
.bgAmber50 { background-color: var(--amber50); }
.bgAmber100 { background-color: var(--amber100); }
.bgAmber200 { background-color: var(--amber200); }
.bgAmber300 { background-color: var(--amber300); }
.bgAmber400 { background-color: var(--amber400); }
.bgAmber500 { background-color: var(--amber500); }
.bgAmber600 { background-color: var(--amber600); }
.bgAmber700 { background-color: var(--amber700); }
.bgAmber800 { background-color: var(--amber800); }
.bgAmber900 { background-color: var(--amber900); }
.bgAmber950 { background-color: var(--amber950); }
.bgYellow50 { background-color: var(--yellow50); }
.bgYellow100 { background-color: var(--yellow100); }
.bgYellow200 { background-color: var(--yellow200); }
.bgYellow300 { background-color: var(--yellow300); }
.bgYellow400 { background-color: var(--yellow400); }
.bgYellow500 { background-color: var(--yellow500); }
.bgYellow600 { background-color: var(--yellow600); }
.bgYellow700 { background-color: var(--yellow700); }
.bgYellow800 { background-color: var(--yellow800); }
.bgYellow900 { background-color: var(--yellow900); }
.bgYellow950 { background-color: var(--yellow950); }
.bgLime50 { background-color: var(--lime50); }
.bgLime100 { background-color: var(--lime100); }
.bgLime200 { background-color: var(--lime200); }
.bgLime300 { background-color: var(--lime300); }
.bgLime400 { background-color: var(--lime400); }
.bgLime500 { background-color: var(--lime500); }
.bgLime600 { background-color: var(--lime600); }
.bgLime700 { background-color: var(--lime700); }
.bgLime800 { background-color: var(--lime800); }
.bgLime900 { background-color: var(--lime900); }
.bgLime950 { background-color: var(--lime950); }
.bgGreen50 { background-color: var(--green50); }
.bgGreen100 { background-color: var(--green100); }
.bgGreen200 { background-color: var(--green200); }
.bgGreen300 { background-color: var(--green300); }
.bgGreen400 { background-color: var(--green400); }
.bgGreen500 { background-color: var(--green500); }
.bgGreen600 { background-color: var(--green600); }
.bgGreen700 { background-color: var(--green700); }
.bgGreen800 { background-color: var(--green800); }
.bgGreen900 { background-color: var(--green900); }
.bgGreen950 { background-color: var(--green950); }
.bgEmerald50 { background-color: var(--emerald50); }
.bgEmerald100 { background-color: var(--emerald100); }
.bgEmerald200 { background-color: var(--emerald200); }
.bgEmerald300 { background-color: var(--emerald300); }
.bgEmerald400 { background-color: var(--emerald400); }
.bgEmerald500 { background-color: var(--emerald500); }
.bgEmerald600 { background-color: var(--emerald600); }
.bgEmerald700 { background-color: var(--emerald700); }
.bgEmerald800 { background-color: var(--emerald800); }
.bgEmerald900 { background-color: var(--emerald900); }
.bgEmerald950 { background-color: var(--emerald950); }
.bgTeal50 { background-color: var(--teal50); }
.bgTeal100 { background-color: var(--teal100); }
.bgTeal200 { background-color: var(--teal200); }
.bgTeal300 { background-color: var(--teal300); }
.bgTeal400 { background-color: var(--teal400); }
.bgTeal500 { background-color: var(--teal500); }
.bgTeal600 { background-color: var(--teal600); }
.bgTeal700 { background-color: var(--teal700); }
.bgTeal800 { background-color: var(--teal800); }
.bgTeal900 { background-color: var(--teal900); }
.bgTeal950 { background-color: var(--teal950); }
.bgCyan50 { background-color: var(--cyan50); }
.bgCyan100 { background-color: var(--cyan100); }
.bgCyan200 { background-color: var(--cyan200); }
.bgCyan300 { background-color: var(--cyan300); }
.bgCyan400 { background-color: var(--cyan400); }
.bgCyan500 { background-color: var(--cyan500); }
.bgCyan600 { background-color: var(--cyan600); }
.bgCyan700 { background-color: var(--cyan700); }
.bgCyan800 { background-color: var(--cyan800); }
.bgCyan900 { background-color: var(--cyan900); }
.bgCyan950 { background-color: var(--cyan950); }
.bgSky50 { background-color: var(--sky50); }
.bgSky100 { background-color: var(--sky100); }
.bgSky200 { background-color: var(--sky200); }
.bgSky300 { background-color: var(--sky300); }
.bgSky400 { background-color: var(--sky400); }
.bgSky500 { background-color: var(--sky500); }
.bgSky600 { background-color: var(--sky600); }
.bgSky700 { background-color: var(--sky700); }
.bgSky800 { background-color: var(--sky800); }
.bgSky900 { background-color: var(--sky900); }
.bgSky950 { background-color: var(--sky950); }
.bgBlue50 { background-color: var(--blue50); }
.bgBlue100 { background-color: var(--blue100); }
.bgBlue200 { background-color: var(--blue200); }
.bgBlue300 { background-color: var(--blue300); }
.bgBlue400 { background-color: var(--blue400); }
.bgBlue500 { background-color: var(--blue500); }
.bgBlue600 { background-color: var(--blue600); }
.bgBlue700 { background-color: var(--blue700); }
.bgBlue800 { background-color: var(--blue800); }
.bgBlue900 { background-color: var(--blue900); }
.bgBlue950 { background-color: var(--blue950); }
.bgIndigo50 { background-color: var(--indigo50); }
.bgIndigo100 { background-color: var(--indigo100); }
.bgIndigo200 { background-color: var(--indigo200); }
.bgIndigo300 { background-color: var(--indigo300); }
.bgIndigo400 { background-color: var(--indigo400); }
.bgIndigo500 { background-color: var(--indigo500); }
.bgIndigo600 { background-color: var(--indigo600); }
.bgIndigo700 { background-color: var(--indigo700); }
.bgIndigo800 { background-color: var(--indigo800); }
.bgIndigo900 { background-color: var(--indigo900); }
.bgIndigo950 { background-color: var(--indigo950); }
.bgViolet50 { background-color: var(--violet50); }
.bgViolet100 { background-color: var(--violet100); }
.bgViolet200 { background-color: var(--violet200); }
.bgViolet300 { background-color: var(--violet300); }
.bgViolet400 { background-color: var(--violet400); }
.bgViolet500 { background-color: var(--violet500); }
.bgViolet600 { background-color: var(--violet600); }
.bgViolet700 { background-color: var(--violet700); }
.bgViolet800 { background-color: var(--violet800); }
.bgViolet900 { background-color: var(--violet900); }
.bgViolet950 { background-color: var(--violet950); }
.bgPurple50 { background-color: var(--purple50); }
.bgPurple100 { background-color: var(--purple100); }
.bgPurple200 { background-color: var(--purple200); }
.bgPurple300 { background-color: var(--purple300); }
.bgPurple400 { background-color: var(--purple400); }
.bgPurple500 { background-color: var(--purple500); }
.bgPurple600 { background-color: var(--purple600); }
.bgPurple700 { background-color: var(--purple700); }
.bgPurple800 { background-color: var(--purple800); }
.bgPurple900 { background-color: var(--purple900); }
.bgPurple950 { background-color: var(--purple950); }
.bgFuchsia50 { background-color: var(--fuchsia50); }
.bgFuchsia100 { background-color: var(--fuchsia100); }
.bgFuchsia200 { background-color: var(--fuchsia200); }
.bgFuchsia300 { background-color: var(--fuchsia300); }
.bgFuchsia400 { background-color: var(--fuchsia400); }
.bgFuchsia500 { background-color: var(--fuchsia500); }
.bgFuchsia600 { background-color: var(--fuchsia600); }
.bgFuchsia700 { background-color: var(--fuchsia700); }
.bgFuchsia800 { background-color: var(--fuchsia800); }
.bgFuchsia900 { background-color: var(--fuchsia900); }
.bgFuchsia950 { background-color: var(--fuchsia950); }
.bgPink50 { background-color: var(--pink50); }
.bgPink100 { background-color: var(--pink100); }
.bgPink200 { background-color: var(--pink200); }
.bgPink300 { background-color: var(--pink300); }
.bgPink400 { background-color: var(--pink400); }
.bgPink500 { background-color: var(--pink500); }
.bgPink600 { background-color: var(--pink600); }
.bgPink700 { background-color: var(--pink700); }
.bgPink800 { background-color: var(--pink800); }
.bgPink900 { background-color: var(--pink900); }
.bgPink950 { background-color: var(--pink950); }
.bgRose50 { background-color: var(--rose50); }
.bgRose100 { background-color: var(--rose100); }
.bgRose200 { background-color: var(--rose200); }
.bgRose300 { background-color: var(--rose300); }
.bgRose400 { background-color: var(--rose400); }
.bgRose500 { background-color: var(--rose500); }
.bgRose600 { background-color: var(--rose600); }
.bgRose700 { background-color: var(--rose700); }
.bgRose800 { background-color: var(--rose800); }
.bgRose900 { background-color: var(--rose900); }
.bgRose950 { background-color: var(--rose950); }
.bgSlate50 { background-color: var(--slate50); }
.bgSlate100 { background-color: var(--slate100); }
.bgSlate200 { background-color: var(--slate200); }
.bgSlate300 { background-color: var(--slate300); }
.bgSlate400 { background-color: var(--slate400); }
.bgSlate500 { background-color: var(--slate500); }
.bgSlate600 { background-color: var(--slate600); }
.bgSlate700 { background-color: var(--slate700); }
.bgSlate800 { background-color: var(--slate800); }
.bgSlate900 { background-color: var(--slate900); }
.bgSlate950 { background-color: var(--slate950); }
.bgGray50 { background-color: var(--gray50); }
.bgGray100 { background-color: var(--gray100); }
.bgGray200 { background-color: var(--gray200); }
.bgGray300 { background-color: var(--gray300); }
.bgGray400 { background-color: var(--gray400); }
.bgGray500 { background-color: var(--gray500); }
.bgGray600 { background-color: var(--gray600); }
.bgGray700 { background-color: var(--gray700); }
.bgGray800 { background-color: var(--gray800); }
.bgGray900 { background-color: var(--gray900); }
.bgGray950 { background-color: var(--gray950); }
.bgZinc50 { background-color: var(--zinc50); }
.bgZinc100 { background-color: var(--zinc100); }
.bgZinc200 { background-color: var(--zinc200); }
.bgZinc300 { background-color: var(--zinc300); }
.bgZinc400 { background-color: var(--zinc400); }
.bgZinc500 { background-color: var(--zinc500); }
.bgZinc600 { background-color: var(--zinc600); }
.bgZinc700 { background-color: var(--zinc700); }
.bgZinc800 { background-color: var(--zinc800); }
.bgZinc900 { background-color: var(--zinc900); }
.bgZinc950 { background-color: var(--zinc950); }
.bgNeutral50 { background-color: var(--neutral50); }
.bgNeutral100 { background-color: var(--neutral100); }
.bgNeutral200 { background-color: var(--neutral200); }
.bgNeutral300 { background-color: var(--neutral300); }
.bgNeutral400 { background-color: var(--neutral400); }
.bgNeutral500 { background-color: var(--neutral500); }
.bgNeutral600 { background-color: var(--neutral600); }
.bgNeutral700 { background-color: var(--neutral700); }
.bgNeutral800 { background-color: var(--neutral800); }
.bgNeutral900 { background-color: var(--neutral900); }
.bgNeutral950 { background-color: var(--neutral950); }
.bgStone50 { background-color: var(--stone50); }
.bgStone100 { background-color: var(--stone100); }
.bgStone200 { background-color: var(--stone200); }
.bgStone300 { background-color: var(--stone300); }
.bgStone400 { background-color: var(--stone400); }
.bgStone500 { background-color: var(--stone500); }
.bgStone600 { background-color: var(--stone600); }
.bgStone700 { background-color: var(--stone700); }
.bgStone800 { background-color: var(--stone800); }
.bgStone900 { background-color: var(--stone900); }
.bgStone950 { background-color: var(--stone950); }


.flex { display: flex; }
.row { flex-direction: row; }
.rowReverse { flex-direction: row-reverse; }
.col { flex-direction: column; }
.colReverse { flex-direction: column-reverse; }
.wrap { flex-wrap: wrap; }
.noWrap { flex-wrap: nowrap;}
.block { display: block; }
.inline { display: inline; }
.hidden { display: none; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed; }
.static { position: static; }
.sticky { position: sticky; }
.faded { opacity: 0.6; }
.disabled { pointer-events: none; }
.divTest { border: 1px solid var(--primary); border-radius: 10px; }
.visible { visibility: visible;}
.invisible { visibility: hidden;}
.floatLeft { float: left;}
.floatRight { float: right;}
.divCenter { align-content: center;}
.flex1 { flex: 1; }


/* Justify Content */
.justifyCenter { justify-content: center; }
.justifyStart { justify-content: start; }
.justifyEnd { justify-content: end; }
.justifyBetween { justify-content: space-between; }
.justifyAround { justify-content: space-around; }
.justifyEvenly { justify-content: space-evenly; }

/* Align Items */
.alignStart { align-items: start; }
.alignCenter { align-items: center; }
.alignEnd { align-items: end; }
.alignStretch { align-items: stretch; }
.alignBaseline { align-items: baseline; }

.alignVerticalBaseline { vertical-align: baseline; }
.alignVerticalTop { vertical-align: top; }
.alignVerticalMiddle { vertical-align: middle; }
.alignVerticalBottom { vertical-align: bottom; }
.alignVerticalSub { vertical-align: sub; }
.alignVerticalSuper { vertical-align: super; }
.alignVerticalTextTop { vertical-align: text-top; }
.alignVerticalTextBottom { vertical-align: text-bottom; }
.alignVerticalLength { vertical-align: 10px; }

.borderInherit { border: inherit; }
.border0 { border: none; }
.borderCollapse { border-collapse: collapse; }
.borderSeparate { border-collapse: separate;}
.borderRed { border: 1px solid red; }
.borderGreen { border: 1px solid green; }
.borderBlack { border: 1px solid black; }
.borderGray { border: 0.5px solid lightgray; }
.borderYellow { border: 0.5px solid var(--yellow); }
.borderWhite { border: 0.5px solid rgba(255, 255, 255, 0.7); }
.borderPrimary { border: 0.5px solid var(--tint4); }
.borderNavy { border: 0.5px solid var(--shade10); }
.borderDotted { border-style: dotted ; border-width: 5px !important; }
.borderDashed { border-style: dashed ; border-width: 5px !important; }
.borderDouble { border-style: double ; border-width: 5px !important; }

.corner500 { border-radius: 50% !important;}
.corner0 { border-radius: 0 !important; }
.corner1 { border-radius: 1px !important; }
.corner2 { border-radius: 2px !important; }
.corner3 { border-radius: 3px !important; }
.corner4 { border-radius: 4px !important; }
.corner5 { border-radius: 5px !important; }
.corner6 { border-radius: 6px !important; }
.corner7 { border-radius: 7px !important; }
.corner8 { border-radius: 8px !important; }
.corner9 { border-radius: 9px !important; }
.corner10 { border-radius: 10px !important; }
.corner11 { border-radius: 11px !important; }
.corner12 { border-radius: 12px !important; }
.corner13 { border-radius: 13px !important; }
.corner14 { border-radius: 14px !important; }
.corner15 { border-radius: 15px !important; }
.corner16 { border-radius: 16px !important; }
.corner17 { border-radius: 17px !important; }
.corner18 { border-radius: 18px !important; }
.corner19 { border-radius: 19px !important; }
.corner20 { border-radius: 20px !important; }
.corner21 { border-radius: 21px !important; }
.corner22 { border-radius: 22px !important; }
.corner23 { border-radius: 23px !important; }
.corner24 { border-radius: 24px !important; }
.corner25 { border-radius: 25px !important; }
.corner26 { border-radius: 26px !important; }
.corner27 { border-radius: 27px !important; }
.corner28 { border-radius: 28px !important; }
.corner29 { border-radius: 29px !important; }
.corner30 { border-radius: 30px !important; }
.corner31 { border-radius: 31px !important; }
.corner32 { border-radius: 32px !important; }
.corner33 { border-radius: 33px !important; }
.corner34 { border-radius: 34px !important; }
.corner35 { border-radius: 35px !important; }
.corner36 { border-radius: 36px !important; }
.corner37 { border-radius: 37px !important; }
.corner38 { border-radius: 38px !important; }
.corner39 { border-radius: 39px !important; }
.corner40 { border-radius: 40px !important; }
.corner41 { border-radius: 41px !important; }
.corner42 { border-radius: 42px !important; }
.corner43 { border-radius: 43px !important; }
.corner44 { border-radius: 44px !important; }
.corner45 { border-radius: 45px !important; }
.corner46 { border-radius: 46px !important; }
.corner47 { border-radius: 47px !important; }
.corner48 { border-radius: 48px !important; }
.corner49 { border-radius: 49px !important; }
.corner50 { border-radius: 50px !important; }

.cornerRem01 { border-radius: 0.1rem; }
.cornerRem02 { border-radius: 0.2rem; }
.cornerRem03 { border-radius: 0.3rem; }
.cornerRem04 { border-radius: 0.4rem; }
.cornerRem05 { border-radius: 0.5rem; }
.cornerRem06 { border-radius: 0.6rem; }
.cornerRem07 { border-radius: 0.7rem; }
.cornerRem08 { border-radius: 0.8rem; }
.cornerRem09 { border-radius: 0.9rem; }
.cornerRem1 { border-radius: 1rem; }
.cornerRem11 { border-radius: 1.1rem; }
.cornerRem12 { border-radius: 1.2rem; }
.cornerRem13 { border-radius: 1.3rem; }
.cornerRem14 { border-radius: 1.4rem; }
.cornerRem15 { border-radius: 1.5rem; }
.cornerRem16 { border-radius: 1.6rem; }
.cornerRem17 { border-radius: 1.7rem; }
.cornerRem18 { border-radius: 1.8rem; }
.cornerRem19 { border-radius: 1.9rem; }
.cornerRem2 { border-radius: 2rem; }
.cornerRem21 { border-radius: 2.1rem; }
.cornerRem22 { border-radius: 2.2rem; }
.cornerRem23 { border-radius: 2.3rem; }
.cornerRem24 { border-radius: 2.4rem; }
.cornerRem25 { border-radius: 2.5rem; }
.cornerRem26 { border-radius: 2.6rem; }
.cornerRem27 { border-radius: 2.7rem; }
.cornerRem28 { border-radius: 2.8rem; }
.cornerRem29 { border-radius: 2.9rem; }
.cornerRem3 { border-radius: 3rem; }
.cornerRem31 { border-radius: 3.1rem; }
.cornerRem32 { border-radius: 3.2rem; }
.cornerRem33 { border-radius: 3.3rem; }
.cornerRem34 { border-radius: 3.4rem; }
.cornerRem35 { border-radius: 3.5rem; }
.cornerRem36 { border-radius: 3.6rem; }
.cornerRem37 { border-radius: 3.7rem; }
.cornerRem38 { border-radius: 3.8rem; }
.cornerRem39 { border-radius: 3.9rem; }
.cornerRem4 { border-radius: 4rem; }
.cornerRem41 { border-radius: 4.1rem; }
.cornerRem42 { border-radius: 4.2rem; }
.cornerRem43 { border-radius: 4.3rem; }
.cornerRem44 { border-radius: 4.4rem; }
.cornerRem45 { border-radius: 4.5rem; }
.cornerRem46 { border-radius: 4.6rem; }
.cornerRem47 { border-radius: 4.7rem; }
.cornerRem48 { border-radius: 4.8rem; }
.cornerRem49 { border-radius: 4.9rem; }
.cornerRem5 { border-radius: 5rem; }
.cornerRem51 { border-radius: 5.1rem; }
.cornerRem52 { border-radius: 5.2rem; }
.cornerRem53 { border-radius: 5.3rem; }
.cornerRem54 { border-radius: 5.4rem; }
.cornerRem55 { border-radius: 5.5rem; }
.cornerRem56 { border-radius: 5.6rem; }
.cornerRem57 { border-radius: 5.7rem; }
.cornerRem58 { border-radius: 5.8rem; }
.cornerRem59 { border-radius: 5.9rem; }

.cornerNotch { corner-shape: notch; }
.cornerSquircle { corner-shape: squircle; }
.cornerBevel { corner-shape: bevel; }
.cornerScoop { corner-shape: scoop; }
.cornerRound { corner-shape: round; }
.cornerSquare { corner-shape: square; }
.cornerSuper05 { corner-shape: superellipse(0.5); }
.cornerSuper1 { corner-shape: superellipse(1); }
.cornerSuper15 { corner-shape: superellipse(1.5); }
.cornerSuper2 { corner-shape: superellipse(2); }
.cornerSuper3 { corner-shape: superellipse(3); }


.cornerTop0 { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important;}
.cornerTopRight0 { border-top-right-radius: 0 !important;}
.cornerTopLeft0 { border-top-left-radius: 0 !important;}
.cornerBottom0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.cornerBottomRight0 { border-bottom-right-radius: 0 !important;}
.cornerBottomLeft0 { border-bottom-left-radius: 0 !important;}

.t1 { top: 1%; }
.t2 { top: 2%; }
.t3 { top: 3%; }
.t4 { top: 4%; }
.t5 { top: 5%; }
.t6 { top: 6%; }
.t7 { top: 7%; }
.t8 { top: 8%; }
.t9 { top: 9%; }
.t10 { top: 10%; }
.t11 { top: 11%; }
.t12 { top: 12%; }
.t13 { top: 13%; }
.t14 { top: 14%; }
.t15 { top: 15%; }
.t16 { top: 16%; }
.t17 { top: 17%; }
.t18 { top: 18%; }
.t19 { top: 19%; }
.t20 { top: 20%; }
.t21 { top: 21%; }
.t22 { top: 22%; }
.t23 { top: 23%; }
.t24 { top: 24%; }
.t25 { top: 25%; }
.t26 { top: 26%; }
.t27 { top: 27%; }
.t28 { top: 28%; }
.t29 { top: 29%; }
.t30 { top: 30%; }
.t31 { top: 31%; }
.t32 { top: 32%; }
.t33 { top: 33%; }
.t34 { top: 34%; }
.t35 { top: 35%; }
.t36 { top: 36%; }
.t37 { top: 37%; }
.t38 { top: 38%; }
.t39 { top: 39%; }
.t40 { top: 40%; }
.t41 { top: 41%; }
.t42 { top: 42%; }
.t43 { top: 43%; }
.t44 { top: 44%; }
.t45 { top: 45%; }
.t46 { top: 46%; }
.t47 { top: 47%; }
.t48 { top: 48%; }
.t49 { top: 49%; }
.t50 { top: 50%; }
.t51 { top: 51%; }
.t52 { top: 52%; }
.t53 { top: 53%; }
.t54 { top: 54%; }
.t55 { top: 55%; }
.t56 { top: 56%; }
.t57 { top: 57%; }
.t58 { top: 58%; }
.t59 { top: 59%; }
.t60 { top: 60%; }
.t61 { top: 61%; }
.t62 { top: 62%; }
.t63 { top: 63%; }
.t64 { top: 64%; }
.t65 { top: 65%; }
.t66 { top: 66%; }
.t67 { top: 67%; }
.t68 { top: 68%; }
.t69 { top: 69%; }
.t70 { top: 70%; }
.t71 { top: 71%; }
.t72 { top: 72%; }
.t73 { top: 73%; }
.t74 { top: 74%; }
.t75 { top: 75%; }
.t76 { top: 76%; }
.t77 { top: 77%; }
.t78 { top: 78%; }
.t79 { top: 79%; }
.t80 { top: 80%; }
.t81 { top: 81%; }
.t82 { top: 82%; }
.t83 { top: 83%; }
.t84 { top: 84%; }
.t85 { top: 85%; }
.t86 { top: 86%; }
.t87 { top: 87%; }
.t88 { top: 88%; }
.t89 { top: 89%; }
.t90 { top: 90%; }
.t91 { top: 91%; }
.t92 { top: 92%; }
.t93 { top: 93%; }
.t94 { top: 94%; }
.t95 { top: 95%; }
.t96 { top: 96%; }
.t97 { top: 97%; }
.t98 { top: 98%; }
.t99 { top: 99%; }
.t100 { top: 100%; }


/* Top */
.top0 { top: 0px; }
.top1 { top: 1px; }
.top2 { top: 2px; }
.top3 { top: 3px; }
.top4 { top: 4px; }
.top5 { top: 5px; }
.top6 { top: 6px; }
.top7 { top: 7px; }
.top8 { top: 8px; }
.top9 { top: 9px; }
.top10 { top: 10px; }
.top11 { top: 11px; }
.top12 { top: 12px; }
.top13 { top: 13px; }
.top14 { top: 14px; }
.top15 { top: 15px; }
.top16 { top: 16px; }
.top17 { top: 17px; }
.top18 { top: 18px; }
.top19 { top: 19px; }
.top20 { top: 20px; }
.top21 { top: 21px; }
.top22 { top: 22px; }
.top23 { top: 23px; }
.top24 { top: 24px; }
.top25 { top: 25px; }
.top26 { top: 26px; }
.top27 { top: 27px; }
.top28 { top: 28px; }
.top29 { top: 29px; }
.top30 { top: 30px; }
.top31 { top: 31px; }
.top32 { top: 32px; }
.top33 { top: 33px; }
.top34 { top: 34px; }
.top35 { top: 35px; }
.top36 { top: 36px; }
.top37 { top: 37px; }
.top38 { top: 38px; }
.top39 { top: 39px; }
.top40 { top: 40px; }
.top41 { top: 41px; }
.top42 { top: 42px; }
.top43 { top: 43px; }
.top44 { top: 44px; }
.top45 { top: 45px; }
.top46 { top: 46px; }
.top47 { top: 47px; }
.top48 { top: 48px; }
.top49 { top: 49px; }
.top50 { top: 50px; }
.top51 { top: 51px; }
.top52 { top: 52px; }
.top53 { top: 53px; }
.top54 { top: 54px; }
.top55 { top: 55px; }
.top56 { top: 56px; }
.top57 { top: 57px; }
.top58 { top: 58px; }
.top59 { top: 59px; }
.top60 { top: 60px; }
.top61 { top: 61px; }
.top62 { top: 62px; }
.top63 { top: 63px; }
.top64 { top: 64px; }
.top65 { top: 65px; }
.top66 { top: 66px; }
.top67 { top: 67px; }
.top68 { top: 68px; }
.top69 { top: 69px; }
.top70 { top: 70px; }
.top71 { top: 71px; }
.top72 { top: 72px; }
.top73 { top: 73px; }
.top74 { top: 74px; }
.top75 { top: 75px; }
.top76 { top: 76px; }
.top77 { top: 77px; }
.top78 { top: 78px; }
.top79 { top: 79px; }
.top80 { top: 80px; }
.top81 { top: 81px; }
.top82 { top: 82px; }
.top83 { top: 83px; }
.top84 { top: 84px; }
.top85 { top: 85px; }
.top86 { top: 86px; }
.top87 { top: 87px; }
.top88 { top: 88px; }
.top89 { top: 89px; }
.top90 { top: 90px; }
.top91 { top: 91px; }
.top92 { top: 92px; }
.top93 { top: 93px; }
.top94 { top: 94px; }
.top95 { top: 95px; }
.top96 { top: 96px; }
.top97 { top: 97px; }
.top98 { top: 98px; }
.top99 { top: 99px; }
.top100 { top: 100px; }
.top101 { top: 101px; }
.top102 { top: 102px; }
.top103 { top: 103px; }
.top104 { top: 104px; }
.top105 { top: 105px; }
.top106 { top: 106px; }
.top107 { top: 107px; }
.top108 { top: 108px; }
.top109 { top: 109px; }
.top110 { top: 110px; }
.top111 { top: 111px; }
.top112 { top: 112px; }
.top113 { top: 113px; }
.top114 { top: 114px; }
.top115 { top: 115px; }
.top116 { top: 116px; }
.top117 { top: 117px; }
.top118 { top: 118px; }
.top119 { top: 119px; }
.top120 { top: 120px; }
.top121 { top: 121px; }
.top122 { top: 122px; }
.top123 { top: 123px; }
.top124 { top: 124px; }
.top125 { top: 125px; }
.top126 { top: 126px; }
.top127 { top: 127px; }
.top128 { top: 128px; }
.top129 { top: 129px; }
.top130 { top: 130px; }
.top131 { top: 131px; }
.top132 { top: 132px; }
.top133 { top: 133px; }
.top134 { top: 134px; }
.top135 { top: 135px; }
.top136 { top: 136px; }
.top137 { top: 137px; }
.top138 { top: 138px; }
.top139 { top: 139px; }
.top140 { top: 140px; }
.top141 { top: 141px; }
.top142 { top: 142px; }
.top143 { top: 143px; }
.top144 { top: 144px; }
.top145 { top: 145px; }
.top146 { top: 146px; }
.top147 { top: 147px; }
.top148 { top: 148px; }
.top149 { top: 149px; }
.top150 { top: 150px; }
.top151 { top: 151px; }
.top152 { top: 152px; }
.top153 { top: 153px; }
.top154 { top: 154px; }
.top155 { top: 155px; }
.top156 { top: 156px; }
.top157 { top: 157px; }
.top158 { top: 158px; }
.top159 { top: 159px; }
.top160 { top: 160px; }
.top161 { top: 161px; }
.top162 { top: 162px; }
.top163 { top: 163px; }
.top164 { top: 164px; }
.top165 { top: 165px; }
.top166 { top: 166px; }
.top167 { top: 167px; }
.top168 { top: 168px; }
.top169 { top: 169px; }
.top170 { top: 170px; }
.top171 { top: 171px; }
.top172 { top: 172px; }
.top173 { top: 173px; }
.top174 { top: 174px; }
.top175 { top: 175px; }
.top176 { top: 176px; }
.top177 { top: 177px; }
.top178 { top: 178px; }
.top179 { top: 179px; }
.top180 { top: 180px; }
.top181 { top: 181px; }
.top182 { top: 182px; }
.top183 { top: 183px; }
.top184 { top: 184px; }
.top185 { top: 185px; }
.top186 { top: 186px; }
.top187 { top: 187px; }
.top188 { top: 188px; }
.top189 { top: 189px; }
.top190 { top: 190px; }
.top191 { top: 191px; }
.top192 { top: 192px; }
.top193 { top: 193px; }
.top194 { top: 194px; }
.top195 { top: 195px; }
.top196 { top: 196px; }
.top197 { top: 197px; }
.top198 { top: 198px; }
.top199 { top: 199px; }
.top200 { top: 200px; }
.top201 { top: 201px; }
.top202 { top: 202px; }
.top203 { top: 203px; }
.top204 { top: 204px; }
.top205 { top: 205px; }
.top206 { top: 206px; }
.top207 { top: 207px; }
.top208 { top: 208px; }
.top209 { top: 209px; }
.top210 { top: 210px; }
.top211 { top: 211px; }
.top212 { top: 212px; }
.top213 { top: 213px; }
.top214 { top: 214px; }
.top215 { top: 215px; }
.top216 { top: 216px; }
.top217 { top: 217px; }
.top218 { top: 218px; }
.top219 { top: 219px; }
.top220 { top: 220px; }
.top221 { top: 221px; }
.top222 { top: 222px; }
.top223 { top: 223px; }
.top224 { top: 224px; }
.top225 { top: 225px; }
.top226 { top: 226px; }
.top227 { top: 227px; }
.top228 { top: 228px; }
.top229 { top: 229px; }
.top230 { top: 230px; }
.top231 { top: 231px; }
.top232 { top: 232px; }
.top233 { top: 233px; }
.top234 { top: 234px; }
.top235 { top: 235px; }
.top236 { top: 236px; }
.top237 { top: 237px; }
.top238 { top: 238px; }
.top239 { top: 239px; }
.top240 { top: 240px; }
.top241 { top: 241px; }
.top242 { top: 242px; }
.top243 { top: 243px; }
.top244 { top: 244px; }
.top245 { top: 245px; }
.top246 { top: 246px; }
.top247 { top: 247px; }
.top248 { top: 248px; }
.top249 { top: 249px; }
.top250 { top: 250px; }
.top251 { top: 251px; }
.top252 { top: 252px; }
.top253 { top: 253px; }
.top254 { top: 254px; }
.top255 { top: 255px; }
.top256 { top: 256px; }
.top257 { top: 257px; }
.top258 { top: 258px; }
.top259 { top: 259px; }
.top260 { top: 260px; }
.top261 { top: 261px; }
.top262 { top: 262px; }
.top263 { top: 263px; }
.top264 { top: 264px; }
.top265 { top: 265px; }
.top266 { top: 266px; }
.top267 { top: 267px; }
.top268 { top: 268px; }
.top269 { top: 269px; }
.top270 { top: 270px; }
.top271 { top: 271px; }
.top272 { top: 272px; }
.top273 { top: 273px; }
.top274 { top: 274px; }
.top275 { top: 275px; }
.top276 { top: 276px; }
.top277 { top: 277px; }
.top278 { top: 278px; }
.top279 { top: 279px; }
.top280 { top: 280px; }
.top281 { top: 281px; }
.top282 { top: 282px; }
.top283 { top: 283px; }
.top284 { top: 284px; }
.top285 { top: 285px; }
.top286 { top: 286px; }
.top287 { top: 287px; }
.top288 { top: 288px; }
.top289 { top: 289px; }
.top290 { top: 290px; }
.top291 { top: 291px; }
.top292 { top: 292px; }
.top293 { top: 293px; }
.top294 { top: 294px; }
.top295 { top: 295px; }
.top296 { top: 296px; }
.top297 { top: 297px; }
.top298 { top: 298px; }
.top299 { top: 299px; }
.top300 { top: 300px; }
.top301 { top: 301px; }
.top302 { top: 302px; }
.top303 { top: 303px; }
.top304 { top: 304px; }
.top305 { top: 305px; }
.top306 { top: 306px; }
.top307 { top: 307px; }
.top308 { top: 308px; }
.top309 { top: 309px; }
.top310 { top: 310px; }
.top311 { top: 311px; }
.top312 { top: 312px; }
.top313 { top: 313px; }
.top314 { top: 314px; }
.top315 { top: 315px; }
.top316 { top: 316px; }
.top317 { top: 317px; }
.top318 { top: 318px; }
.top319 { top: 319px; }
.top320 { top: 320px; }
.top321 { top: 321px; }
.top322 { top: 322px; }
.top323 { top: 323px; }
.top324 { top: 324px; }
.top325 { top: 325px; }
.top326 { top: 326px; }
.top327 { top: 327px; }
.top328 { top: 328px; }
.top329 { top: 329px; }
.top330 { top: 330px; }
.top331 { top: 331px; }
.top332 { top: 332px; }
.top333 { top: 333px; }
.top334 { top: 334px; }
.top335 { top: 335px; }
.top336 { top: 336px; }
.top337 { top: 337px; }
.top338 { top: 338px; }
.top339 { top: 339px; }
.top340 { top: 340px; }
.top341 { top: 341px; }
.top342 { top: 342px; }
.top343 { top: 343px; }
.top344 { top: 344px; }
.top345 { top: 345px; }
.top346 { top: 346px; }
.top347 { top: 347px; }
.top348 { top: 348px; }
.top349 { top: 349px; }
.top350 { top: 350px; }
.top351 { top: 351px; }
.top352 { top: 352px; }
.top353 { top: 353px; }
.top354 { top: 354px; }
.top355 { top: 355px; }
.top356 { top: 356px; }
.top357 { top: 357px; }
.top358 { top: 358px; }
.top359 { top: 359px; }
.top360 { top: 360px; }
.top361 { top: 361px; }
.top362 { top: 362px; }
.top363 { top: 363px; }
.top364 { top: 364px; }
.top365 { top: 365px; }
.top366 { top: 366px; }
.top367 { top: 367px; }
.top368 { top: 368px; }
.top369 { top: 369px; }
.top370 { top: 370px; }
.top371 { top: 371px; }
.top372 { top: 372px; }
.top373 { top: 373px; }
.top374 { top: 374px; }
.top375 { top: 375px; }
.top376 { top: 376px; }
.top377 { top: 377px; }
.top378 { top: 378px; }
.top379 { top: 379px; }
.top380 { top: 380px; }
.top381 { top: 381px; }
.top382 { top: 382px; }
.top383 { top: 383px; }
.top384 { top: 384px; }
.top385 { top: 385px; }
.top386 { top: 386px; }
.top387 { top: 387px; }
.top388 { top: 388px; }
.top389 { top: 389px; }
.top390 { top: 390px; }
.top391 { top: 391px; }
.top392 { top: 392px; }
.top393 { top: 393px; }
.top394 { top: 394px; }
.top395 { top: 395px; }
.top396 { top: 396px; }
.top397 { top: 397px; }
.top398 { top: 398px; }
.top399 { top: 399px; }
.top400 { top: 400px; }
.top401 { top: 401px; }
.top402 { top: 402px; }
.top403 { top: 403px; }
.top404 { top: 404px; }
.top405 { top: 405px; }
.top406 { top: 406px; }
.top407 { top: 407px; }
.top408 { top: 408px; }
.top409 { top: 409px; }
.top410 { top: 410px; }
.top411 { top: 411px; }
.top412 { top: 412px; }
.top413 { top: 413px; }
.top414 { top: 414px; }
.top415 { top: 415px; }
.top416 { top: 416px; }
.top417 { top: 417px; }
.top418 { top: 418px; }
.top419 { top: 419px; }
.top420 { top: 420px; }
.top421 { top: 421px; }
.top422 { top: 422px; }
.top423 { top: 423px; }
.top424 { top: 424px; }
.top425 { top: 425px; }
.top426 { top: 426px; }
.top427 { top: 427px; }
.top428 { top: 428px; }
.top429 { top: 429px; }
.top430 { top: 430px; }
.top431 { top: 431px; }
.top432 { top: 432px; }
.top433 { top: 433px; }
.top434 { top: 434px; }
.top435 { top: 435px; }
.top436 { top: 436px; }
.top437 { top: 437px; }
.top438 { top: 438px; }
.top439 { top: 439px; }
.top440 { top: 440px; }
.top441 { top: 441px; }
.top442 { top: 442px; }
.top443 { top: 443px; }
.top444 { top: 444px; }
.top445 { top: 445px; }
.top446 { top: 446px; }
.top447 { top: 447px; }
.top448 { top: 448px; }
.top449 { top: 449px; }
.top450 { top: 450px; }
.top451 { top: 451px; }
.top452 { top: 452px; }
.top453 { top: 453px; }
.top454 { top: 454px; }
.top455 { top: 455px; }
.top456 { top: 456px; }
.top457 { top: 457px; }
.top458 { top: 458px; }
.top459 { top: 459px; }
.top460 { top: 460px; }
.top461 { top: 461px; }
.top462 { top: 462px; }
.top463 { top: 463px; }
.top464 { top: 464px; }
.top465 { top: 465px; }
.top466 { top: 466px; }
.top467 { top: 467px; }
.top468 { top: 468px; }
.top469 { top: 469px; }
.top470 { top: 470px; }
.top471 { top: 471px; }
.top472 { top: 472px; }
.top473 { top: 473px; }
.top474 { top: 474px; }
.top475 { top: 475px; }
.top476 { top: 476px; }
.top477 { top: 477px; }
.top478 { top: 478px; }
.top479 { top: 479px; }
.top480 { top: 480px; }
.top481 { top: 481px; }
.top482 { top: 482px; }
.top483 { top: 483px; }
.top484 { top: 484px; }
.top485 { top: 485px; }
.top486 { top: 486px; }
.top487 { top: 487px; }
.top488 { top: 488px; }
.top489 { top: 489px; }
.top490 { top: 490px; }
.top491 { top: 491px; }
.top492 { top: 492px; }
.top493 { top: 493px; }
.top494 { top: 494px; }
.top495 { top: 495px; }
.top496 { top: 496px; }
.top497 { top: 497px; }
.top498 { top: 498px; }
.top499 { top: 499px; }
.top500 { top: 500px; }
/* Bottom */
.bottom0 { bottom: 0px; }
.bottom1 { bottom: 1px; }
.bottom2 { bottom: 2px; }
.bottom3 { bottom: 3px; }
.bottom4 { bottom: 4px; }
.bottom5 { bottom: 5px; }
.bottom6 { bottom: 6px; }
.bottom7 { bottom: 7px; }
.bottom8 { bottom: 8px; }
.bottom9 { bottom: 9px; }
.bottom10 { bottom: 10px; }
.bottom11 { bottom: 11px; }
.bottom12 { bottom: 12px; }
.bottom13 { bottom: 13px; }
.bottom14 { bottom: 14px; }
.bottom15 { bottom: 15px; }
.bottom16 { bottom: 16px; }
.bottom17 { bottom: 17px; }
.bottom18 { bottom: 18px; }
.bottom19 { bottom: 19px; }
.bottom20 { bottom: 20px; }
.bottom21 { bottom: 21px; }
.bottom22 { bottom: 22px; }
.bottom23 { bottom: 23px; }
.bottom24 { bottom: 24px; }
.bottom25 { bottom: 25px; }
.bottom26 { bottom: 26px; }
.bottom27 { bottom: 27px; }
.bottom28 { bottom: 28px; }
.bottom29 { bottom: 29px; }
.bottom30 { bottom: 30px; }
.bottom31 { bottom: 31px; }
.bottom32 { bottom: 32px; }
.bottom33 { bottom: 33px; }
.bottom34 { bottom: 34px; }
.bottom35 { bottom: 35px; }
.bottom36 { bottom: 36px; }
.bottom37 { bottom: 37px; }
.bottom38 { bottom: 38px; }
.bottom39 { bottom: 39px; }
.bottom40 { bottom: 40px; }
.bottom41 { bottom: 41px; }
.bottom42 { bottom: 42px; }
.bottom43 { bottom: 43px; }
.bottom44 { bottom: 44px; }
.bottom45 { bottom: 45px; }
.bottom46 { bottom: 46px; }
.bottom47 { bottom: 47px; }
.bottom48 { bottom: 48px; }
.bottom49 { bottom: 49px; }
.bottom50 { bottom: 50px; }
.bottom51 { bottom: 51px; }
.bottom52 { bottom: 52px; }
.bottom53 { bottom: 53px; }
.bottom54 { bottom: 54px; }
.bottom55 { bottom: 55px; }
.bottom56 { bottom: 56px; }
.bottom57 { bottom: 57px; }
.bottom58 { bottom: 58px; }
.bottom59 { bottom: 59px; }
.bottom60 { bottom: 60px; }
.bottom61 { bottom: 61px; }
.bottom62 { bottom: 62px; }
.bottom63 { bottom: 63px; }
.bottom64 { bottom: 64px; }
.bottom65 { bottom: 65px; }
.bottom66 { bottom: 66px; }
.bottom67 { bottom: 67px; }
.bottom68 { bottom: 68px; }
.bottom69 { bottom: 69px; }
.bottom70 { bottom: 70px; }
.bottom71 { bottom: 71px; }
.bottom72 { bottom: 72px; }
.bottom73 { bottom: 73px; }
.bottom74 { bottom: 74px; }
.bottom75 { bottom: 75px; }
.bottom76 { bottom: 76px; }
.bottom77 { bottom: 77px; }
.bottom78 { bottom: 78px; }
.bottom79 { bottom: 79px; }
.bottom80 { bottom: 80px; }
.bottom81 { bottom: 81px; }
.bottom82 { bottom: 82px; }
.bottom83 { bottom: 83px; }
.bottom84 { bottom: 84px; }
.bottom85 { bottom: 85px; }
.bottom86 { bottom: 86px; }
.bottom87 { bottom: 87px; }
.bottom88 { bottom: 88px; }
.bottom89 { bottom: 89px; }
.bottom90 { bottom: 90px; }
.bottom91 { bottom: 91px; }
.bottom92 { bottom: 92px; }
.bottom93 { bottom: 93px; }
.bottom94 { bottom: 94px; }
.bottom95 { bottom: 95px; }
.bottom96 { bottom: 96px; }
.bottom97 { bottom: 97px; }
.bottom98 { bottom: 98px; }
.bottom99 { bottom: 99px; }
.bottom100 { bottom: 100px; }
.bottom101 { bottom: 101px; }
.bottom102 { bottom: 102px; }
.bottom103 { bottom: 103px; }
.bottom104 { bottom: 104px; }
.bottom105 { bottom: 105px; }
.bottom106 { bottom: 106px; }
.bottom107 { bottom: 107px; }
.bottom108 { bottom: 108px; }
.bottom109 { bottom: 109px; }
.bottom110 { bottom: 110px; }
.bottom111 { bottom: 111px; }
.bottom112 { bottom: 112px; }
.bottom113 { bottom: 113px; }
.bottom114 { bottom: 114px; }
.bottom115 { bottom: 115px; }
.bottom116 { bottom: 116px; }
.bottom117 { bottom: 117px; }
.bottom118 { bottom: 118px; }
.bottom119 { bottom: 119px; }
.bottom120 { bottom: 120px; }
.bottom121 { bottom: 121px; }
.bottom122 { bottom: 122px; }
.bottom123 { bottom: 123px; }
.bottom124 { bottom: 124px; }
.bottom125 { bottom: 125px; }
.bottom126 { bottom: 126px; }
.bottom127 { bottom: 127px; }
.bottom128 { bottom: 128px; }
.bottom129 { bottom: 129px; }
.bottom130 { bottom: 130px; }
.bottom131 { bottom: 131px; }
.bottom132 { bottom: 132px; }
.bottom133 { bottom: 133px; }
.bottom134 { bottom: 134px; }
.bottom135 { bottom: 135px; }
.bottom136 { bottom: 136px; }
.bottom137 { bottom: 137px; }
.bottom138 { bottom: 138px; }
.bottom139 { bottom: 139px; }
.bottom140 { bottom: 140px; }
.bottom141 { bottom: 141px; }
.bottom142 { bottom: 142px; }
.bottom143 { bottom: 143px; }
.bottom144 { bottom: 144px; }
.bottom145 { bottom: 145px; }
.bottom146 { bottom: 146px; }
.bottom147 { bottom: 147px; }
.bottom148 { bottom: 148px; }
.bottom149 { bottom: 149px; }
.bottom150 { bottom: 150px; }
.bottom151 { bottom: 151px; }
.bottom152 { bottom: 152px; }
.bottom153 { bottom: 153px; }
.bottom154 { bottom: 154px; }
.bottom155 { bottom: 155px; }
.bottom156 { bottom: 156px; }
.bottom157 { bottom: 157px; }
.bottom158 { bottom: 158px; }
.bottom159 { bottom: 159px; }
.bottom160 { bottom: 160px; }
.bottom161 { bottom: 161px; }
.bottom162 { bottom: 162px; }
.bottom163 { bottom: 163px; }
.bottom164 { bottom: 164px; }
.bottom165 { bottom: 165px; }
.bottom166 { bottom: 166px; }
.bottom167 { bottom: 167px; }
.bottom168 { bottom: 168px; }
.bottom169 { bottom: 169px; }
.bottom170 { bottom: 170px; }
.bottom171 { bottom: 171px; }
.bottom172 { bottom: 172px; }
.bottom173 { bottom: 173px; }
.bottom174 { bottom: 174px; }
.bottom175 { bottom: 175px; }
.bottom176 { bottom: 176px; }
.bottom177 { bottom: 177px; }
.bottom178 { bottom: 178px; }
.bottom179 { bottom: 179px; }
.bottom180 { bottom: 180px; }
.bottom181 { bottom: 181px; }
.bottom182 { bottom: 182px; }
.bottom183 { bottom: 183px; }
.bottom184 { bottom: 184px; }
.bottom185 { bottom: 185px; }
.bottom186 { bottom: 186px; }
.bottom187 { bottom: 187px; }
.bottom188 { bottom: 188px; }
.bottom189 { bottom: 189px; }
.bottom190 { bottom: 190px; }
.bottom191 { bottom: 191px; }
.bottom192 { bottom: 192px; }
.bottom193 { bottom: 193px; }
.bottom194 { bottom: 194px; }
.bottom195 { bottom: 195px; }
.bottom196 { bottom: 196px; }
.bottom197 { bottom: 197px; }
.bottom198 { bottom: 198px; }
.bottom199 { bottom: 199px; }
.bottom200 { bottom: 200px; }
.bottom201 { bottom: 201px; }
.bottom202 { bottom: 202px; }
.bottom203 { bottom: 203px; }
.bottom204 { bottom: 204px; }
.bottom205 { bottom: 205px; }
.bottom206 { bottom: 206px; }
.bottom207 { bottom: 207px; }
.bottom208 { bottom: 208px; }
.bottom209 { bottom: 209px; }
.bottom210 { bottom: 210px; }
.bottom211 { bottom: 211px; }
.bottom212 { bottom: 212px; }
.bottom213 { bottom: 213px; }
.bottom214 { bottom: 214px; }
.bottom215 { bottom: 215px; }
.bottom216 { bottom: 216px; }
.bottom217 { bottom: 217px; }
.bottom218 { bottom: 218px; }
.bottom219 { bottom: 219px; }
.bottom220 { bottom: 220px; }
.bottom221 { bottom: 221px; }
.bottom222 { bottom: 222px; }
.bottom223 { bottom: 223px; }
.bottom224 { bottom: 224px; }
.bottom225 { bottom: 225px; }
.bottom226 { bottom: 226px; }
.bottom227 { bottom: 227px; }
.bottom228 { bottom: 228px; }
.bottom229 { bottom: 229px; }
.bottom230 { bottom: 230px; }
.bottom231 { bottom: 231px; }
.bottom232 { bottom: 232px; }
.bottom233 { bottom: 233px; }
.bottom234 { bottom: 234px; }
.bottom235 { bottom: 235px; }
.bottom236 { bottom: 236px; }
.bottom237 { bottom: 237px; }
.bottom238 { bottom: 238px; }
.bottom239 { bottom: 239px; }
.bottom240 { bottom: 240px; }
.bottom241 { bottom: 241px; }
.bottom242 { bottom: 242px; }
.bottom243 { bottom: 243px; }
.bottom244 { bottom: 244px; }
.bottom245 { bottom: 245px; }
.bottom246 { bottom: 246px; }
.bottom247 { bottom: 247px; }
.bottom248 { bottom: 248px; }
.bottom249 { bottom: 249px; }
.bottom250 { bottom: 250px; }
.bottom251 { bottom: 251px; }
.bottom252 { bottom: 252px; }
.bottom253 { bottom: 253px; }
.bottom254 { bottom: 254px; }
.bottom255 { bottom: 255px; }
.bottom256 { bottom: 256px; }
.bottom257 { bottom: 257px; }
.bottom258 { bottom: 258px; }
.bottom259 { bottom: 259px; }
.bottom260 { bottom: 260px; }
.bottom261 { bottom: 261px; }
.bottom262 { bottom: 262px; }
.bottom263 { bottom: 263px; }
.bottom264 { bottom: 264px; }
.bottom265 { bottom: 265px; }
.bottom266 { bottom: 266px; }
.bottom267 { bottom: 267px; }
.bottom268 { bottom: 268px; }
.bottom269 { bottom: 269px; }
.bottom270 { bottom: 270px; }
.bottom271 { bottom: 271px; }
.bottom272 { bottom: 272px; }
.bottom273 { bottom: 273px; }
.bottom274 { bottom: 274px; }
.bottom275 { bottom: 275px; }
.bottom276 { bottom: 276px; }
.bottom277 { bottom: 277px; }
.bottom278 { bottom: 278px; }
.bottom279 { bottom: 279px; }
.bottom280 { bottom: 280px; }
.bottom281 { bottom: 281px; }
.bottom282 { bottom: 282px; }
.bottom283 { bottom: 283px; }
.bottom284 { bottom: 284px; }
.bottom285 { bottom: 285px; }
.bottom286 { bottom: 286px; }
.bottom287 { bottom: 287px; }
.bottom288 { bottom: 288px; }
.bottom289 { bottom: 289px; }
.bottom290 { bottom: 290px; }
.bottom291 { bottom: 291px; }
.bottom292 { bottom: 292px; }
.bottom293 { bottom: 293px; }
.bottom294 { bottom: 294px; }
.bottom295 { bottom: 295px; }
.bottom296 { bottom: 296px; }
.bottom297 { bottom: 297px; }
.bottom298 { bottom: 298px; }
.bottom299 { bottom: 299px; }
.bottom300 { bottom: 300px; }
.bottom301 { bottom: 301px; }
.bottom302 { bottom: 302px; }
.bottom303 { bottom: 303px; }
.bottom304 { bottom: 304px; }
.bottom305 { bottom: 305px; }
.bottom306 { bottom: 306px; }
.bottom307 { bottom: 307px; }
.bottom308 { bottom: 308px; }
.bottom309 { bottom: 309px; }
.bottom310 { bottom: 310px; }
.bottom311 { bottom: 311px; }
.bottom312 { bottom: 312px; }
.bottom313 { bottom: 313px; }
.bottom314 { bottom: 314px; }
.bottom315 { bottom: 315px; }
.bottom316 { bottom: 316px; }
.bottom317 { bottom: 317px; }
.bottom318 { bottom: 318px; }
.bottom319 { bottom: 319px; }
.bottom320 { bottom: 320px; }
.bottom321 { bottom: 321px; }
.bottom322 { bottom: 322px; }
.bottom323 { bottom: 323px; }
.bottom324 { bottom: 324px; }
.bottom325 { bottom: 325px; }
.bottom326 { bottom: 326px; }
.bottom327 { bottom: 327px; }
.bottom328 { bottom: 328px; }
.bottom329 { bottom: 329px; }
.bottom330 { bottom: 330px; }
.bottom331 { bottom: 331px; }
.bottom332 { bottom: 332px; }
.bottom333 { bottom: 333px; }
.bottom334 { bottom: 334px; }
.bottom335 { bottom: 335px; }
.bottom336 { bottom: 336px; }
.bottom337 { bottom: 337px; }
.bottom338 { bottom: 338px; }
.bottom339 { bottom: 339px; }
.bottom340 { bottom: 340px; }
.bottom341 { bottom: 341px; }
.bottom342 { bottom: 342px; }
.bottom343 { bottom: 343px; }
.bottom344 { bottom: 344px; }
.bottom345 { bottom: 345px; }
.bottom346 { bottom: 346px; }
.bottom347 { bottom: 347px; }
.bottom348 { bottom: 348px; }
.bottom349 { bottom: 349px; }
.bottom350 { bottom: 350px; }
.bottom351 { bottom: 351px; }
.bottom352 { bottom: 352px; }
.bottom353 { bottom: 353px; }
.bottom354 { bottom: 354px; }
.bottom355 { bottom: 355px; }
.bottom356 { bottom: 356px; }
.bottom357 { bottom: 357px; }
.bottom358 { bottom: 358px; }
.bottom359 { bottom: 359px; }
.bottom360 { bottom: 360px; }
.bottom361 { bottom: 361px; }
.bottom362 { bottom: 362px; }
.bottom363 { bottom: 363px; }
.bottom364 { bottom: 364px; }
.bottom365 { bottom: 365px; }
.bottom366 { bottom: 366px; }
.bottom367 { bottom: 367px; }
.bottom368 { bottom: 368px; }
.bottom369 { bottom: 369px; }
.bottom370 { bottom: 370px; }
.bottom371 { bottom: 371px; }
.bottom372 { bottom: 372px; }
.bottom373 { bottom: 373px; }
.bottom374 { bottom: 374px; }
.bottom375 { bottom: 375px; }
.bottom376 { bottom: 376px; }
.bottom377 { bottom: 377px; }
.bottom378 { bottom: 378px; }
.bottom379 { bottom: 379px; }
.bottom380 { bottom: 380px; }
.bottom381 { bottom: 381px; }
.bottom382 { bottom: 382px; }
.bottom383 { bottom: 383px; }
.bottom384 { bottom: 384px; }
.bottom385 { bottom: 385px; }
.bottom386 { bottom: 386px; }
.bottom387 { bottom: 387px; }
.bottom388 { bottom: 388px; }
.bottom389 { bottom: 389px; }
.bottom390 { bottom: 390px; }
.bottom391 { bottom: 391px; }
.bottom392 { bottom: 392px; }
.bottom393 { bottom: 393px; }
.bottom394 { bottom: 394px; }
.bottom395 { bottom: 395px; }
.bottom396 { bottom: 396px; }
.bottom397 { bottom: 397px; }
.bottom398 { bottom: 398px; }
.bottom399 { bottom: 399px; }
.bottom400 { bottom: 400px; }
.bottom401 { bottom: 401px; }
.bottom402 { bottom: 402px; }
.bottom403 { bottom: 403px; }
.bottom404 { bottom: 404px; }
.bottom405 { bottom: 405px; }
.bottom406 { bottom: 406px; }
.bottom407 { bottom: 407px; }
.bottom408 { bottom: 408px; }
.bottom409 { bottom: 409px; }
.bottom410 { bottom: 410px; }
.bottom411 { bottom: 411px; }
.bottom412 { bottom: 412px; }
.bottom413 { bottom: 413px; }
.bottom414 { bottom: 414px; }
.bottom415 { bottom: 415px; }
.bottom416 { bottom: 416px; }
.bottom417 { bottom: 417px; }
.bottom418 { bottom: 418px; }
.bottom419 { bottom: 419px; }
.bottom420 { bottom: 420px; }
.bottom421 { bottom: 421px; }
.bottom422 { bottom: 422px; }
.bottom423 { bottom: 423px; }
.bottom424 { bottom: 424px; }
.bottom425 { bottom: 425px; }
.bottom426 { bottom: 426px; }
.bottom427 { bottom: 427px; }
.bottom428 { bottom: 428px; }
.bottom429 { bottom: 429px; }
.bottom430 { bottom: 430px; }
.bottom431 { bottom: 431px; }
.bottom432 { bottom: 432px; }
.bottom433 { bottom: 433px; }
.bottom434 { bottom: 434px; }
.bottom435 { bottom: 435px; }
.bottom436 { bottom: 436px; }
.bottom437 { bottom: 437px; }
.bottom438 { bottom: 438px; }
.bottom439 { bottom: 439px; }
.bottom440 { bottom: 440px; }
.bottom441 { bottom: 441px; }
.bottom442 { bottom: 442px; }
.bottom443 { bottom: 443px; }
.bottom444 { bottom: 444px; }
.bottom445 { bottom: 445px; }
.bottom446 { bottom: 446px; }
.bottom447 { bottom: 447px; }
.bottom448 { bottom: 448px; }
.bottom449 { bottom: 449px; }
.bottom450 { bottom: 450px; }
.bottom451 { bottom: 451px; }
.bottom452 { bottom: 452px; }
.bottom453 { bottom: 453px; }
.bottom454 { bottom: 454px; }
.bottom455 { bottom: 455px; }
.bottom456 { bottom: 456px; }
.bottom457 { bottom: 457px; }
.bottom458 { bottom: 458px; }
.bottom459 { bottom: 459px; }
.bottom460 { bottom: 460px; }
.bottom461 { bottom: 461px; }
.bottom462 { bottom: 462px; }
.bottom463 { bottom: 463px; }
.bottom464 { bottom: 464px; }
.bottom465 { bottom: 465px; }
.bottom466 { bottom: 466px; }
.bottom467 { bottom: 467px; }
.bottom468 { bottom: 468px; }
.bottom469 { bottom: 469px; }
.bottom470 { bottom: 470px; }
.bottom471 { bottom: 471px; }
.bottom472 { bottom: 472px; }
.bottom473 { bottom: 473px; }
.bottom474 { bottom: 474px; }
.bottom475 { bottom: 475px; }
.bottom476 { bottom: 476px; }
.bottom477 { bottom: 477px; }
.bottom478 { bottom: 478px; }
.bottom479 { bottom: 479px; }
.bottom480 { bottom: 480px; }
.bottom481 { bottom: 481px; }
.bottom482 { bottom: 482px; }
.bottom483 { bottom: 483px; }
.bottom484 { bottom: 484px; }
.bottom485 { bottom: 485px; }
.bottom486 { bottom: 486px; }
.bottom487 { bottom: 487px; }
.bottom488 { bottom: 488px; }
.bottom489 { bottom: 489px; }
.bottom490 { bottom: 490px; }
.bottom491 { bottom: 491px; }
.bottom492 { bottom: 492px; }
.bottom493 { bottom: 493px; }
.bottom494 { bottom: 494px; }
.bottom495 { bottom: 495px; }
.bottom496 { bottom: 496px; }
.bottom497 { bottom: 497px; }
.bottom498 { bottom: 498px; }
.bottom499 { bottom: 499px; }
.bottom500 { bottom: 500px; }

/* Left */
.left0 { left: 0px; }
.left1 { left: 1px; }
.left2 { left: 2px; }
.left3 { left: 3px; }
.left4 { left: 4px; }
.left5 { left: 5px; }
.left6 { left: 6px; }
.left7 { left: 7px; }
.left8 { left: 8px; }
.left9 { left: 9px; }
.left10 { left: 10px; }
.left11 { left: 11px; }
.left12 { left: 12px; }
.left13 { left: 13px; }
.left14 { left: 14px; }
.left15 { left: 15px; }
.left16 { left: 16px; }
.left17 { left: 17px; }
.left18 { left: 18px; }
.left19 { left: 19px; }
.left20 { left: 20px; }
.left21 { left: 21px; }
.left22 { left: 22px; }
.left23 { left: 23px; }
.left24 { left: 24px; }
.left25 { left: 25px; }
.left26 { left: 26px; }
.left27 { left: 27px; }
.left28 { left: 28px; }
.left29 { left: 29px; }
.left30 { left: 30px; }
.left31 { left: 31px; }
.left32 { left: 32px; }
.left33 { left: 33px; }
.left34 { left: 34px; }
.left35 { left: 35px; }
.left36 { left: 36px; }
.left37 { left: 37px; }
.left38 { left: 38px; }
.left39 { left: 39px; }
.left40 { left: 40px; }
.left41 { left: 41px; }
.left42 { left: 42px; }
.left43 { left: 43px; }
.left44 { left: 44px; }
.left45 { left: 45px; }
.left46 { left: 46px; }
.left47 { left: 47px; }
.left48 { left: 48px; }
.left49 { left: 49px; }
.left50 { left: 50px; }
.left51 { left: 51px; }
.left52 { left: 52px; }
.left53 { left: 53px; }
.left54 { left: 54px; }
.left55 { left: 55px; }
.left56 { left: 56px; }
.left57 { left: 57px; }
.left58 { left: 58px; }
.left59 { left: 59px; }
.left60 { left: 60px; }
.left61 { left: 61px; }
.left62 { left: 62px; }
.left63 { left: 63px; }
.left64 { left: 64px; }
.left65 { left: 65px; }
.left66 { left: 66px; }
.left67 { left: 67px; }
.left68 { left: 68px; }
.left69 { left: 69px; }
.left70 { left: 70px; }
.left71 { left: 71px; }
.left72 { left: 72px; }
.left73 { left: 73px; }
.left74 { left: 74px; }
.left75 { left: 75px; }
.left76 { left: 76px; }
.left77 { left: 77px; }
.left78 { left: 78px; }
.left79 { left: 79px; }
.left80 { left: 80px; }
.left81 { left: 81px; }
.left82 { left: 82px; }
.left83 { left: 83px; }
.left84 { left: 84px; }
.left85 { left: 85px; }
.left86 { left: 86px; }
.left87 { left: 87px; }
.left88 { left: 88px; }
.left89 { left: 89px; }
.left90 { left: 90px; }
.left91 { left: 91px; }
.left92 { left: 92px; }
.left93 { left: 93px; }
.left94 { left: 94px; }
.left95 { left: 95px; }
.left96 { left: 96px; }
.left97 { left: 97px; }
.left98 { left: 98px; }
.left99 { left: 99px; }
.left100 { left: 100px; }
.left101 { left: 101px; }
.left102 { left: 102px; }
.left103 { left: 103px; }
.left104 { left: 104px; }
.left105 { left: 105px; }
.left106 { left: 106px; }
.left107 { left: 107px; }
.left108 { left: 108px; }
.left109 { left: 109px; }
.left110 { left: 110px; }
.left111 { left: 111px; }
.left112 { left: 112px; }
.left113 { left: 113px; }
.left114 { left: 114px; }
.left115 { left: 115px; }
.left116 { left: 116px; }
.left117 { left: 117px; }
.left118 { left: 118px; }
.left119 { left: 119px; }
.left120 { left: 120px; }
.left121 { left: 121px; }
.left122 { left: 122px; }
.left123 { left: 123px; }
.left124 { left: 124px; }
.left125 { left: 125px; }
.left126 { left: 126px; }
.left127 { left: 127px; }
.left128 { left: 128px; }
.left129 { left: 129px; }
.left130 { left: 130px; }
.left131 { left: 131px; }
.left132 { left: 132px; }
.left133 { left: 133px; }
.left134 { left: 134px; }
.left135 { left: 135px; }
.left136 { left: 136px; }
.left137 { left: 137px; }
.left138 { left: 138px; }
.left139 { left: 139px; }
.left140 { left: 140px; }
.left141 { left: 141px; }
.left142 { left: 142px; }
.left143 { left: 143px; }
.left144 { left: 144px; }
.left145 { left: 145px; }
.left146 { left: 146px; }
.left147 { left: 147px; }
.left148 { left: 148px; }
.left149 { left: 149px; }
.left150 { left: 150px; }
.left151 { left: 151px; }
.left152 { left: 152px; }
.left153 { left: 153px; }
.left154 { left: 154px; }
.left155 { left: 155px; }
.left156 { left: 156px; }
.left157 { left: 157px; }
.left158 { left: 158px; }
.left159 { left: 159px; }
.left160 { left: 160px; }
.left161 { left: 161px; }
.left162 { left: 162px; }
.left163 { left: 163px; }
.left164 { left: 164px; }
.left165 { left: 165px; }
.left166 { left: 166px; }
.left167 { left: 167px; }
.left168 { left: 168px; }
.left169 { left: 169px; }
.left170 { left: 170px; }
.left171 { left: 171px; }
.left172 { left: 172px; }
.left173 { left: 173px; }
.left174 { left: 174px; }
.left175 { left: 175px; }
.left176 { left: 176px; }
.left177 { left: 177px; }
.left178 { left: 178px; }
.left179 { left: 179px; }
.left180 { left: 180px; }
.left181 { left: 181px; }
.left182 { left: 182px; }
.left183 { left: 183px; }
.left184 { left: 184px; }
.left185 { left: 185px; }
.left186 { left: 186px; }
.left187 { left: 187px; }
.left188 { left: 188px; }
.left189 { left: 189px; }
.left190 { left: 190px; }
.left191 { left: 191px; }
.left192 { left: 192px; }
.left193 { left: 193px; }
.left194 { left: 194px; }
.left195 { left: 195px; }
.left196 { left: 196px; }
.left197 { left: 197px; }
.left198 { left: 198px; }
.left199 { left: 199px; }
.left200 { left: 200px; }
.left201 { left: 201px; }
.left202 { left: 202px; }
.left203 { left: 203px; }
.left204 { left: 204px; }
.left205 { left: 205px; }
.left206 { left: 206px; }
.left207 { left: 207px; }
.left208 { left: 208px; }
.left209 { left: 209px; }
.left210 { left: 210px; }
.left211 { left: 211px; }
.left212 { left: 212px; }
.left213 { left: 213px; }
.left214 { left: 214px; }
.left215 { left: 215px; }
.left216 { left: 216px; }
.left217 { left: 217px; }
.left218 { left: 218px; }
.left219 { left: 219px; }
.left220 { left: 220px; }
.left221 { left: 221px; }
.left222 { left: 222px; }
.left223 { left: 223px; }
.left224 { left: 224px; }
.left225 { left: 225px; }
.left226 { left: 226px; }
.left227 { left: 227px; }
.left228 { left: 228px; }
.left229 { left: 229px; }
.left230 { left: 230px; }
.left231 { left: 231px; }
.left232 { left: 232px; }
.left233 { left: 233px; }
.left234 { left: 234px; }
.left235 { left: 235px; }
.left236 { left: 236px; }
.left237 { left: 237px; }
.left238 { left: 238px; }
.left239 { left: 239px; }
.left240 { left: 240px; }
.left241 { left: 241px; }
.left242 { left: 242px; }
.left243 { left: 243px; }
.left244 { left: 244px; }
.left245 { left: 245px; }
.left246 { left: 246px; }
.left247 { left: 247px; }
.left248 { left: 248px; }
.left249 { left: 249px; }
.left250 { left: 250px; }
.left251 { left: 251px; }
.left252 { left: 252px; }
.left253 { left: 253px; }
.left254 { left: 254px; }
.left255 { left: 255px; }
.left256 { left: 256px; }
.left257 { left: 257px; }
.left258 { left: 258px; }
.left259 { left: 259px; }
.left260 { left: 260px; }
.left261 { left: 261px; }
.left262 { left: 262px; }
.left263 { left: 263px; }
.left264 { left: 264px; }
.left265 { left: 265px; }
.left266 { left: 266px; }
.left267 { left: 267px; }
.left268 { left: 268px; }
.left269 { left: 269px; }
.left270 { left: 270px; }
.left271 { left: 271px; }
.left272 { left: 272px; }
.left273 { left: 273px; }
.left274 { left: 274px; }
.left275 { left: 275px; }
.left276 { left: 276px; }
.left277 { left: 277px; }
.left278 { left: 278px; }
.left279 { left: 279px; }
.left280 { left: 280px; }
.left281 { left: 281px; }
.left282 { left: 282px; }
.left283 { left: 283px; }
.left284 { left: 284px; }
.left285 { left: 285px; }
.left286 { left: 286px; }
.left287 { left: 287px; }
.left288 { left: 288px; }
.left289 { left: 289px; }
.left290 { left: 290px; }
.left291 { left: 291px; }
.left292 { left: 292px; }
.left293 { left: 293px; }
.left294 { left: 294px; }
.left295 { left: 295px; }
.left296 { left: 296px; }
.left297 { left: 297px; }
.left298 { left: 298px; }
.left299 { left: 299px; }
.left300 { left: 300px; }
.left301 { left: 301px; }
.left302 { left: 302px; }
.left303 { left: 303px; }
.left304 { left: 304px; }
.left305 { left: 305px; }
.left306 { left: 306px; }
.left307 { left: 307px; }
.left308 { left: 308px; }
.left309 { left: 309px; }
.left310 { left: 310px; }
.left311 { left: 311px; }
.left312 { left: 312px; }
.left313 { left: 313px; }
.left314 { left: 314px; }
.left315 { left: 315px; }
.left316 { left: 316px; }
.left317 { left: 317px; }
.left318 { left: 318px; }
.left319 { left: 319px; }
.left320 { left: 320px; }
.left321 { left: 321px; }
.left322 { left: 322px; }
.left323 { left: 323px; }
.left324 { left: 324px; }
.left325 { left: 325px; }
.left326 { left: 326px; }
.left327 { left: 327px; }
.left328 { left: 328px; }
.left329 { left: 329px; }
.left330 { left: 330px; }
.left331 { left: 331px; }
.left332 { left: 332px; }
.left333 { left: 333px; }
.left334 { left: 334px; }
.left335 { left: 335px; }
.left336 { left: 336px; }
.left337 { left: 337px; }
.left338 { left: 338px; }
.left339 { left: 339px; }
.left340 { left: 340px; }
.left341 { left: 341px; }
.left342 { left: 342px; }
.left343 { left: 343px; }
.left344 { left: 344px; }
.left345 { left: 345px; }
.left346 { left: 346px; }
.left347 { left: 347px; }
.left348 { left: 348px; }
.left349 { left: 349px; }
.left350 { left: 350px; }
.left351 { left: 351px; }
.left352 { left: 352px; }
.left353 { left: 353px; }
.left354 { left: 354px; }
.left355 { left: 355px; }
.left356 { left: 356px; }
.left357 { left: 357px; }
.left358 { left: 358px; }
.left359 { left: 359px; }
.left360 { left: 360px; }
.left361 { left: 361px; }
.left362 { left: 362px; }
.left363 { left: 363px; }
.left364 { left: 364px; }
.left365 { left: 365px; }
.left366 { left: 366px; }
.left367 { left: 367px; }
.left368 { left: 368px; }
.left369 { left: 369px; }
.left370 { left: 370px; }
.left371 { left: 371px; }
.left372 { left: 372px; }
.left373 { left: 373px; }
.left374 { left: 374px; }
.left375 { left: 375px; }
.left376 { left: 376px; }
.left377 { left: 377px; }
.left378 { left: 378px; }
.left379 { left: 379px; }
.left380 { left: 380px; }
.left381 { left: 381px; }
.left382 { left: 382px; }
.left383 { left: 383px; }
.left384 { left: 384px; }
.left385 { left: 385px; }
.left386 { left: 386px; }
.left387 { left: 387px; }
.left388 { left: 388px; }
.left389 { left: 389px; }
.left390 { left: 390px; }
.left391 { left: 391px; }
.left392 { left: 392px; }
.left393 { left: 393px; }
.left394 { left: 394px; }
.left395 { left: 395px; }
.left396 { left: 396px; }
.left397 { left: 397px; }
.left398 { left: 398px; }
.left399 { left: 399px; }
.left400 { left: 400px; }
.left401 { left: 401px; }
.left402 { left: 402px; }
.left403 { left: 403px; }
.left404 { left: 404px; }
.left405 { left: 405px; }
.left406 { left: 406px; }
.left407 { left: 407px; }
.left408 { left: 408px; }
.left409 { left: 409px; }
.left410 { left: 410px; }
.left411 { left: 411px; }
.left412 { left: 412px; }
.left413 { left: 413px; }
.left414 { left: 414px; }
.left415 { left: 415px; }
.left416 { left: 416px; }
.left417 { left: 417px; }
.left418 { left: 418px; }
.left419 { left: 419px; }
.left420 { left: 420px; }
.left421 { left: 421px; }
.left422 { left: 422px; }
.left423 { left: 423px; }
.left424 { left: 424px; }
.left425 { left: 425px; }
.left426 { left: 426px; }
.left427 { left: 427px; }
.left428 { left: 428px; }
.left429 { left: 429px; }
.left430 { left: 430px; }
.left431 { left: 431px; }
.left432 { left: 432px; }
.left433 { left: 433px; }
.left434 { left: 434px; }
.left435 { left: 435px; }
.left436 { left: 436px; }
.left437 { left: 437px; }
.left438 { left: 438px; }
.left439 { left: 439px; }
.left440 { left: 440px; }
.left441 { left: 441px; }
.left442 { left: 442px; }
.left443 { left: 443px; }
.left444 { left: 444px; }
.left445 { left: 445px; }
.left446 { left: 446px; }
.left447 { left: 447px; }
.left448 { left: 448px; }
.left449 { left: 449px; }
.left450 { left: 450px; }
.left451 { left: 451px; }
.left452 { left: 452px; }
.left453 { left: 453px; }
.left454 { left: 454px; }
.left455 { left: 455px; }
.left456 { left: 456px; }
.left457 { left: 457px; }
.left458 { left: 458px; }
.left459 { left: 459px; }
.left460 { left: 460px; }
.left461 { left: 461px; }
.left462 { left: 462px; }
.left463 { left: 463px; }
.left464 { left: 464px; }
.left465 { left: 465px; }
.left466 { left: 466px; }
.left467 { left: 467px; }
.left468 { left: 468px; }
.left469 { left: 469px; }
.left470 { left: 470px; }
.left471 { left: 471px; }
.left472 { left: 472px; }
.left473 { left: 473px; }
.left474 { left: 474px; }
.left475 { left: 475px; }
.left476 { left: 476px; }
.left477 { left: 477px; }
.left478 { left: 478px; }
.left479 { left: 479px; }
.left480 { left: 480px; }
.left481 { left: 481px; }
.left482 { left: 482px; }
.left483 { left: 483px; }
.left484 { left: 484px; }
.left485 { left: 485px; }
.left486 { left: 486px; }
.left487 { left: 487px; }
.left488 { left: 488px; }
.left489 { left: 489px; }
.left490 { left: 490px; }
.left491 { left: 491px; }
.left492 { left: 492px; }
.left493 { left: 493px; }
.left494 { left: 494px; }
.left495 { left: 495px; }
.left496 { left: 496px; }
.left497 { left: 497px; }
.left498 { left: 498px; }
.left499 { left: 499px; }
.left500 { left: 500px; }

/* Right */
.right0 { right: 0px; }
.right1 { right: 1px; }
.right2 { right: 2px; }
.right3 { right: 3px; }
.right4 { right: 4px; }
.right5 { right: 5px; }
.right6 { right: 6px; }
.right7 { right: 7px; }
.right8 { right: 8px; }
.right9 { right: 9px; }
.right10 { right: 10px; }
.right11 { right: 11px; }
.right12 { right: 12px; }
.right13 { right: 13px; }
.right14 { right: 14px; }
.right15 { right: 15px; }
.right16 { right: 16px; }
.right17 { right: 17px; }
.right18 { right: 18px; }
.right19 { right: 19px; }
.right20 { right: 20px; }
.right21 { right: 21px; }
.right22 { right: 22px; }
.right23 { right: 23px; }
.right24 { right: 24px; }
.right25 { right: 25px; }
.right26 { right: 26px; }
.right27 { right: 27px; }
.right28 { right: 28px; }
.right29 { right: 29px; }
.right30 { right: 30px; }
.right31 { right: 31px; }
.right32 { right: 32px; }
.right33 { right: 33px; }
.right34 { right: 34px; }
.right35 { right: 35px; }
.right36 { right: 36px; }
.right37 { right: 37px; }
.right38 { right: 38px; }
.right39 { right: 39px; }
.right40 { right: 40px; }
.right41 { right: 41px; }
.right42 { right: 42px; }
.right43 { right: 43px; }
.right44 { right: 44px; }
.right45 { right: 45px; }
.right46 { right: 46px; }
.right47 { right: 47px; }
.right48 { right: 48px; }
.right49 { right: 49px; }
.right50 { right: 50px; }
.right51 { right: 51px; }
.right52 { right: 52px; }
.right53 { right: 53px; }
.right54 { right: 54px; }
.right55 { right: 55px; }
.right56 { right: 56px; }
.right57 { right: 57px; }
.right58 { right: 58px; }
.right59 { right: 59px; }
.right60 { right: 60px; }
.right61 { right: 61px; }
.right62 { right: 62px; }
.right63 { right: 63px; }
.right64 { right: 64px; }
.right65 { right: 65px; }
.right66 { right: 66px; }
.right67 { right: 67px; }
.right68 { right: 68px; }
.right69 { right: 69px; }
.right70 { right: 70px; }
.right71 { right: 71px; }
.right72 { right: 72px; }
.right73 { right: 73px; }
.right74 { right: 74px; }
.right75 { right: 75px; }
.right76 { right: 76px; }
.right77 { right: 77px; }
.right78 { right: 78px; }
.right79 { right: 79px; }
.right80 { right: 80px; }
.right81 { right: 81px; }
.right82 { right: 82px; }
.right83 { right: 83px; }
.right84 { right: 84px; }
.right85 { right: 85px; }
.right86 { right: 86px; }
.right87 { right: 87px; }
.right88 { right: 88px; }
.right89 { right: 89px; }
.right90 { right: 90px; }
.right91 { right: 91px; }
.right92 { right: 92px; }
.right93 { right: 93px; }
.right94 { right: 94px; }
.right95 { right: 95px; }
.right96 { right: 96px; }
.right97 { right: 97px; }
.right98 { right: 98px; }
.right99 { right: 99px; }
.right100 { right: 100px; }
.right101 { right: 101px; }
.right102 { right: 102px; }
.right103 { right: 103px; }
.right104 { right: 104px; }
.right105 { right: 105px; }
.right106 { right: 106px; }
.right107 { right: 107px; }
.right108 { right: 108px; }
.right109 { right: 109px; }
.right110 { right: 110px; }
.right111 { right: 111px; }
.right112 { right: 112px; }
.right113 { right: 113px; }
.right114 { right: 114px; }
.right115 { right: 115px; }
.right116 { right: 116px; }
.right117 { right: 117px; }
.right118 { right: 118px; }
.right119 { right: 119px; }
.right120 { right: 120px; }
.right121 { right: 121px; }
.right122 { right: 122px; }
.right123 { right: 123px; }
.right124 { right: 124px; }
.right125 { right: 125px; }
.right126 { right: 126px; }
.right127 { right: 127px; }
.right128 { right: 128px; }
.right129 { right: 129px; }
.right130 { right: 130px; }
.right131 { right: 131px; }
.right132 { right: 132px; }
.right133 { right: 133px; }
.right134 { right: 134px; }
.right135 { right: 135px; }
.right136 { right: 136px; }
.right137 { right: 137px; }
.right138 { right: 138px; }
.right139 { right: 139px; }
.right140 { right: 140px; }
.right141 { right: 141px; }
.right142 { right: 142px; }
.right143 { right: 143px; }
.right144 { right: 144px; }
.right145 { right: 145px; }
.right146 { right: 146px; }
.right147 { right: 147px; }
.right148 { right: 148px; }
.right149 { right: 149px; }
.right150 { right: 150px; }
.right151 { right: 151px; }
.right152 { right: 152px; }
.right153 { right: 153px; }
.right154 { right: 154px; }
.right155 { right: 155px; }
.right156 { right: 156px; }
.right157 { right: 157px; }
.right158 { right: 158px; }
.right159 { right: 159px; }
.right160 { right: 160px; }
.right161 { right: 161px; }
.right162 { right: 162px; }
.right163 { right: 163px; }
.right164 { right: 164px; }
.right165 { right: 165px; }
.right166 { right: 166px; }
.right167 { right: 167px; }
.right168 { right: 168px; }
.right169 { right: 169px; }
.right170 { right: 170px; }
.right171 { right: 171px; }
.right172 { right: 172px; }
.right173 { right: 173px; }
.right174 { right: 174px; }
.right175 { right: 175px; }
.right176 { right: 176px; }
.right177 { right: 177px; }
.right178 { right: 178px; }
.right179 { right: 179px; }
.right180 { right: 180px; }
.right181 { right: 181px; }
.right182 { right: 182px; }
.right183 { right: 183px; }
.right184 { right: 184px; }
.right185 { right: 185px; }
.right186 { right: 186px; }
.right187 { right: 187px; }
.right188 { right: 188px; }
.right189 { right: 189px; }
.right190 { right: 190px; }
.right191 { right: 191px; }
.right192 { right: 192px; }
.right193 { right: 193px; }
.right194 { right: 194px; }
.right195 { right: 195px; }
.right196 { right: 196px; }
.right197 { right: 197px; }
.right198 { right: 198px; }
.right199 { right: 199px; }
.right200 { right: 200px; }
.right201 { right: 201px; }
.right202 { right: 202px; }
.right203 { right: 203px; }
.right204 { right: 204px; }
.right205 { right: 205px; }
.right206 { right: 206px; }
.right207 { right: 207px; }
.right208 { right: 208px; }
.right209 { right: 209px; }
.right210 { right: 210px; }
.right211 { right: 211px; }
.right212 { right: 212px; }
.right213 { right: 213px; }
.right214 { right: 214px; }
.right215 { right: 215px; }
.right216 { right: 216px; }
.right217 { right: 217px; }
.right218 { right: 218px; }
.right219 { right: 219px; }
.right220 { right: 220px; }
.right221 { right: 221px; }
.right222 { right: 222px; }
.right223 { right: 223px; }
.right224 { right: 224px; }
.right225 { right: 225px; }
.right226 { right: 226px; }
.right227 { right: 227px; }
.right228 { right: 228px; }
.right229 { right: 229px; }
.right230 { right: 230px; }
.right231 { right: 231px; }
.right232 { right: 232px; }
.right233 { right: 233px; }
.right234 { right: 234px; }
.right235 { right: 235px; }
.right236 { right: 236px; }
.right237 { right: 237px; }
.right238 { right: 238px; }
.right239 { right: 239px; }
.right240 { right: 240px; }
.right241 { right: 241px; }
.right242 { right: 242px; }
.right243 { right: 243px; }
.right244 { right: 244px; }
.right245 { right: 245px; }
.right246 { right: 246px; }
.right247 { right: 247px; }
.right248 { right: 248px; }
.right249 { right: 249px; }
.right250 { right: 250px; }
.right251 { right: 251px; }
.right252 { right: 252px; }
.right253 { right: 253px; }
.right254 { right: 254px; }
.right255 { right: 255px; }
.right256 { right: 256px; }
.right257 { right: 257px; }
.right258 { right: 258px; }
.right259 { right: 259px; }
.right260 { right: 260px; }
.right261 { right: 261px; }
.right262 { right: 262px; }
.right263 { right: 263px; }
.right264 { right: 264px; }
.right265 { right: 265px; }
.right266 { right: 266px; }
.right267 { right: 267px; }
.right268 { right: 268px; }
.right269 { right: 269px; }
.right270 { right: 270px; }
.right271 { right: 271px; }
.right272 { right: 272px; }
.right273 { right: 273px; }
.right274 { right: 274px; }
.right275 { right: 275px; }
.right276 { right: 276px; }
.right277 { right: 277px; }
.right278 { right: 278px; }
.right279 { right: 279px; }
.right280 { right: 280px; }
.right281 { right: 281px; }
.right282 { right: 282px; }
.right283 { right: 283px; }
.right284 { right: 284px; }
.right285 { right: 285px; }
.right286 { right: 286px; }
.right287 { right: 287px; }
.right288 { right: 288px; }
.right289 { right: 289px; }
.right290 { right: 290px; }
.right291 { right: 291px; }
.right292 { right: 292px; }
.right293 { right: 293px; }
.right294 { right: 294px; }
.right295 { right: 295px; }
.right296 { right: 296px; }
.right297 { right: 297px; }
.right298 { right: 298px; }
.right299 { right: 299px; }
.right300 { right: 300px; }
.right301 { right: 301px; }
.right302 { right: 302px; }
.right303 { right: 303px; }
.right304 { right: 304px; }
.right305 { right: 305px; }
.right306 { right: 306px; }
.right307 { right: 307px; }
.right308 { right: 308px; }
.right309 { right: 309px; }
.right310 { right: 310px; }
.right311 { right: 311px; }
.right312 { right: 312px; }
.right313 { right: 313px; }
.right314 { right: 314px; }
.right315 { right: 315px; }
.right316 { right: 316px; }
.right317 { right: 317px; }
.right318 { right: 318px; }
.right319 { right: 319px; }
.right320 { right: 320px; }
.right321 { right: 321px; }
.right322 { right: 322px; }
.right323 { right: 323px; }
.right324 { right: 324px; }
.right325 { right: 325px; }
.right326 { right: 326px; }
.right327 { right: 327px; }
.right328 { right: 328px; }
.right329 { right: 329px; }
.right330 { right: 330px; }
.right331 { right: 331px; }
.right332 { right: 332px; }
.right333 { right: 333px; }
.right334 { right: 334px; }
.right335 { right: 335px; }
.right336 { right: 336px; }
.right337 { right: 337px; }
.right338 { right: 338px; }
.right339 { right: 339px; }
.right340 { right: 340px; }
.right341 { right: 341px; }
.right342 { right: 342px; }
.right343 { right: 343px; }
.right344 { right: 344px; }
.right345 { right: 345px; }
.right346 { right: 346px; }
.right347 { right: 347px; }
.right348 { right: 348px; }
.right349 { right: 349px; }
.right350 { right: 350px; }
.right351 { right: 351px; }
.right352 { right: 352px; }
.right353 { right: 353px; }
.right354 { right: 354px; }
.right355 { right: 355px; }
.right356 { right: 356px; }
.right357 { right: 357px; }
.right358 { right: 358px; }
.right359 { right: 359px; }
.right360 { right: 360px; }
.right361 { right: 361px; }
.right362 { right: 362px; }
.right363 { right: 363px; }
.right364 { right: 364px; }
.right365 { right: 365px; }
.right366 { right: 366px; }
.right367 { right: 367px; }
.right368 { right: 368px; }
.right369 { right: 369px; }
.right370 { right: 370px; }
.right371 { right: 371px; }
.right372 { right: 372px; }
.right373 { right: 373px; }
.right374 { right: 374px; }
.right375 { right: 375px; }
.right376 { right: 376px; }
.right377 { right: 377px; }
.right378 { right: 378px; }
.right379 { right: 379px; }
.right380 { right: 380px; }
.right381 { right: 381px; }
.right382 { right: 382px; }
.right383 { right: 383px; }
.right384 { right: 384px; }
.right385 { right: 385px; }
.right386 { right: 386px; }
.right387 { right: 387px; }
.right388 { right: 388px; }
.right389 { right: 389px; }
.right390 { right: 390px; }
.right391 { right: 391px; }
.right392 { right: 392px; }
.right393 { right: 393px; }
.right394 { right: 394px; }
.right395 { right: 395px; }
.right396 { right: 396px; }
.right397 { right: 397px; }
.right398 { right: 398px; }
.right399 { right: 399px; }
.right400 { right: 400px; }
.right401 { right: 401px; }
.right402 { right: 402px; }
.right403 { right: 403px; }
.right404 { right: 404px; }
.right405 { right: 405px; }
.right406 { right: 406px; }
.right407 { right: 407px; }
.right408 { right: 408px; }
.right409 { right: 409px; }
.right410 { right: 410px; }
.right411 { right: 411px; }
.right412 { right: 412px; }
.right413 { right: 413px; }
.right414 { right: 414px; }
.right415 { right: 415px; }
.right416 { right: 416px; }
.right417 { right: 417px; }
.right418 { right: 418px; }
.right419 { right: 419px; }
.right420 { right: 420px; }
.right421 { right: 421px; }
.right422 { right: 422px; }
.right423 { right: 423px; }
.right424 { right: 424px; }
.right425 { right: 425px; }
.right426 { right: 426px; }
.right427 { right: 427px; }
.right428 { right: 428px; }
.right429 { right: 429px; }
.right430 { right: 430px; }
.right431 { right: 431px; }
.right432 { right: 432px; }
.right433 { right: 433px; }
.right434 { right: 434px; }
.right435 { right: 435px; }
.right436 { right: 436px; }
.right437 { right: 437px; }
.right438 { right: 438px; }
.right439 { right: 439px; }
.right440 { right: 440px; }
.right441 { right: 441px; }
.right442 { right: 442px; }
.right443 { right: 443px; }
.right444 { right: 444px; }
.right445 { right: 445px; }
.right446 { right: 446px; }
.right447 { right: 447px; }
.right448 { right: 448px; }
.right449 { right: 449px; }
.right450 { right: 450px; }
.right451 { right: 451px; }
.right452 { right: 452px; }
.right453 { right: 453px; }
.right454 { right: 454px; }
.right455 { right: 455px; }
.right456 { right: 456px; }
.right457 { right: 457px; }
.right458 { right: 458px; }
.right459 { right: 459px; }
.right460 { right: 460px; }
.right461 { right: 461px; }
.right462 { right: 462px; }
.right463 { right: 463px; }
.right464 { right: 464px; }
.right465 { right: 465px; }
.right466 { right: 466px; }
.right467 { right: 467px; }
.right468 { right: 468px; }
.right469 { right: 469px; }
.right470 { right: 470px; }
.right471 { right: 471px; }
.right472 { right: 472px; }
.right473 { right: 473px; }
.right474 { right: 474px; }
.right475 { right: 475px; }
.right476 { right: 476px; }
.right477 { right: 477px; }
.right478 { right: 478px; }
.right479 { right: 479px; }
.right480 { right: 480px; }
.right481 { right: 481px; }
.right482 { right: 482px; }
.right483 { right: 483px; }
.right484 { right: 484px; }
.right485 { right: 485px; }
.right486 { right: 486px; }
.right487 { right: 487px; }
.right488 { right: 488px; }
.right489 { right: 489px; }
.right490 { right: 490px; }
.right491 { right: 491px; }
.right492 { right: 492px; }
.right493 { right: 493px; }
.right494 { right: 494px; }
.right495 { right: 495px; }
.right496 { right: 496px; }
.right497 { right: 497px; }
.right498 { right: 498px; }
.right499 { right: 499px; }
.right500 { right: 500px; }



/* Height *//* Height */
.height0 { height: auto; }
.height1 { height: 1%; }
.height2 { height: 2%; }
.height3 { height: 3%; }
.height4 { height: 4%; }
.height5 { height: 5%; }
.height6 { height: 6%; }
.height7 { height: 7%; }
.height8 { height: 8%; }
.height9 { height: 9%; }
.height10 { height: 10%; }
.height11 { height: 11%; }
.height12 { height: 12%; }
.height13 { height: 13%; }
.height14 { height: 14%; }
.height15 { height: 15%; }
.height16 { height: 16%; }
.height17 { height: 17%; }
.height18 { height: 18%; }
.height19 { height: 19%; }
.height20 { height: 20%; }
.height21 { height: 21%; }
.height22 { height: 22%; }
.height23 { height: 23%; }
.height24 { height: 24%; }
.height25 { height: 25%; }
.height26 { height: 26%; }
.height27 { height: 27%; }
.height28 { height: 28%; }
.height29 { height: 29%; }
.height30 { height: 30%; }
.height31 { height: 31%; }
.height32 { height: 32%; }
.height33 { height: 33%; }
.height34 { height: 34%; }
.height35 { height: 35%; }
.height36 { height: 36%; }
.height37 { height: 37%; }
.height38 { height: 38%; }
.height39 { height: 39%; }
.height40 { height: 40%; }
.height41 { height: 41%; }
.height42 { height: 42%; }
.height43 { height: 43%; }
.height44 { height: 44%; }
.height45 { height: 45%; }
.height46 { height: 46%; }
.height47 { height: 47%; }
.height48 { height: 48%; }
.height49 { height: 49%; }
.height50 { height: 50%; }
.height51 { height: 51%; }
.height52 { height: 52%; }
.height53 { height: 53%; }
.height54 { height: 54%; }
.height55 { height: 55%; }
.height56 { height: 56%; }
.height57 { height: 57%; }
.height58 { height: 58%; }
.height59 { height: 59%; }
.height60 { height: 60%; }
.height61 { height: 61%; }
.height62 { height: 62%; }
.height63 { height: 63%; }
.height64 { height: 64%; }
.height65 { height: 65%; }
.height66 { height: 66%; }
.height67 { height: 67%; }
.height68 { height: 68%; }
.height69 { height: 69%; }
.height70 { height: 70%; }
.height71 { height: 71%; }
.height72 { height: 72%; }
.height73 { height: 73%; }
.height74 { height: 74%; }
.height75 { height: 75%; }
.height76 { height: 76%; }
.height77 { height: 77%; }
.height78 { height: 78%; }
.height79 { height: 79%; }
.height80 { height: 80%; }
.height81 { height: 81%; }
.height82 { height: 82%; }
.height83 { height: 83%; }
.height84 { height: 84%; }
.height85 { height: 85%; }
.height86 { height: 86%; }
.height87 { height: 87%; }
.height88 { height: 88%; }
.height89 { height: 89%; }
.height90 { height: 90%; }
.height91 { height: 91%; }
.height92 { height: 92%; }
.height93 { height: 93%; }
.height94 { height: 94%; }
.height95 { height: 95%; }
.height96 { height: 96%; }
.height97 { height: 97%; }
.height98 { height: 98%; }
.height99 { height: 99%; }
.height100 { height: 100%; }

/* Width */
.width0 { width: fit-content; }
.width1 { width: 1%; }
.width2 { width: 2%; }
.width3 { width: 3%; }
.width4 { width: 4%; }
.width5 { width: 5%; }
.width6 { width: 6%; }
.width7 { width: 7%; }
.width8 { width: 8%; }
.width9 { width: 9%; }
.width10 { width: 10%; }
.width11 { width: 11%; }
.width12 { width: 12%; }
.width13 { width: 13%; }
.width14 { width: 14%; }
.width15 { width: 15%; }
.width16 { width: 16%; }
.width17 { width: 17%; }
.width18 { width: 18%; }
.width19 { width: 19%; }
.width20 { width: 20%; }
.width21 { width: 21%; }
.width22 { width: 22%; }
.width23 { width: 23%; }
.width24 { width: 24%; }
.width25 { width: 25%; }
.width26 { width: 26%; }
.width27 { width: 27%; }
.width28 { width: 28%; }
.width29 { width: 29%; }
.width30 { width: 30%; }
.width31 { width: 31%; }
.width32 { width: 32%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width36 { width: 36%; }
.width37 { width: 37%; }
.width38 { width: 38%; }
.width39 { width: 39%; }
.width40 { width: 40%; }
.width41 { width: 41%; }
.width42 { width: 42%; }
.width43 { width: 43%; }
.width44 { width: 44%; }
.width45 { width: 45%; }
.width46 { width: 46%; }
.width47 { width: 47%; }
.width48 { width: 48%; }
.width49 { width: 49%; }
.width50 { width: 50%; }
.width51 { width: 51%; }
.width52 { width: 52%; }
.width53 { width: 53%; }
.width54 { width: 54%; }
.width55 { width: 55%; }
.width56 { width: 56%; }
.width57 { width: 57%; }
.width58 { width: 58%; }
.width59 { width: 59%; }
.width60 { width: 60%; }
.width61 { width: 61%; }
.width62 { width: 62%; }
.width63 { width: 63%; }
.width64 { width: 64%; }
.width65 { width: 65%; }
.width66 { width: 66%; }
.width67 { width: 67%; }
.width68 { width: 68%; }
.width69 { width: 69%; }
.width70 { width: 70%; }
.width71 { width: 71%; }
.width72 { width: 72%; }
.width73 { width: 73%; }
.width74 { width: 74%; }
.width75 { width: 75%; }
.width76 { width: 76%; }
.width77 { width: 77%; }
.width78 { width: 78%; }
.width79 { width: 79%; }
.width80 { width: 80%; }
.width81 { width: 81%; }
.width82 { width: 82%; }
.width83 { width: 83%; }
.width84 { width: 84%; }
.width85 { width: 85%; }
.width86 { width: 86%; }
.width87 { width: 87%; }
.width88 { width: 88%; }
.width89 { width: 89%; }
.width90 { width: 90%; }
.width91 { width: 91%; }
.width92 { width: 92%; }
.width93 { width: 93%; }
.width94 { width: 94%; }
.width95 { width: 95%; }
.width96 { width: 96%; }
.width97 { width: 97%; }
.width98 { width: 98%; }
.width99 { width: 99%; }
.width100 { width: 100%; }

/* Min Height */
.heightMin0 { min-height: auto; }
.heightMin1 { min-height: 1%; }
.heightMin2 { min-height: 2%; }
.heightMin3 { min-height: 3%; }
.heightMin4 { min-height: 4%; }
.heightMin5 { min-height: 5%; }
.heightMin6 { min-height: 6%; }
.heightMin7 { min-height: 7%; }
.heightMin8 { min-height: 8%; }
.heightMin9 { min-height: 9%; }
.heightMin10 { min-height: 10%; }
.heightMin11 { min-height: 11%; }
.heightMin12 { min-height: 12%; }
.heightMin13 { min-height: 13%; }
.heightMin14 { min-height: 14%; }
.heightMin15 { min-height: 15%; }
.heightMin16 { min-height: 16%; }
.heightMin17 { min-height: 17%; }
.heightMin18 { min-height: 18%; }
.heightMin19 { min-height: 19%; }
.heightMin20 { min-height: 20%; }
.heightMin21 { min-height: 21%; }
.heightMin22 { min-height: 22%; }
.heightMin23 { min-height: 23%; }
.heightMin24 { min-height: 24%; }
.heightMin25 { min-height: 25%; }
.heightMin26 { min-height: 26%; }
.heightMin27 { min-height: 27%; }
.heightMin28 { min-height: 28%; }
.heightMin29 { min-height: 29%; }
.heightMin30 { min-height: 30%; }
.heightMin31 { min-height: 31%; }
.heightMin32 { min-height: 32%; }
.heightMin33 { min-height: 33%; }
.heightMin34 { min-height: 34%; }
.heightMin35 { min-height: 35%; }
.heightMin36 { min-height: 36%; }
.heightMin37 { min-height: 37%; }
.heightMin38 { min-height: 38%; }
.heightMin39 { min-height: 39%; }
.heightMin40 { min-height: 40%; }
.heightMin41 { min-height: 41%; }
.heightMin42 { min-height: 42%; }
.heightMin43 { min-height: 43%; }
.heightMin44 { min-height: 44%; }
.heightMin45 { min-height: 45%; }
.heightMin46 { min-height: 46%; }
.heightMin47 { min-height: 47%; }
.heightMin48 { min-height: 48%; }
.heightMin49 { min-height: 49%; }
.heightMin50 { min-height: 50%; }
.heightMin51 { min-height: 51%; }
.heightMin52 { min-height: 52%; }
.heightMin53 { min-height: 53%; }
.heightMin54 { min-height: 54%; }
.heightMin55 { min-height: 55%; }
.heightMin56 { min-height: 56%; }
.heightMin57 { min-height: 57%; }
.heightMin58 { min-height: 58%; }
.heightMin59 { min-height: 59%; }
.heightMin60 { min-height: 60%; }
.heightMin61 { min-height: 61%; }
.heightMin62 { min-height: 62%; }
.heightMin63 { min-height: 63%; }
.heightMin64 { min-height: 64%; }
.heightMin65 { min-height: 65%; }
.heightMin66 { min-height: 66%; }
.heightMin67 { min-height: 67%; }
.heightMin68 { min-height: 68%; }
.heightMin69 { min-height: 69%; }
.heightMin70 { min-height: 70%; }
.heightMin71 { min-height: 71%; }
.heightMin72 { min-height: 72%; }
.heightMin73 { min-height: 73%; }
.heightMin74 { min-height: 74%; }
.heightMin75 { min-height: 75%; }
.heightMin76 { min-height: 76%; }
.heightMin77 { min-height: 77%; }
.heightMin78 { min-height: 78%; }
.heightMin79 { min-height: 79%; }
.heightMin80 { min-height: 80%; }
.heightMin81 { min-height: 81%; }
.heightMin82 { min-height: 82%; }
.heightMin83 { min-height: 83%; }
.heightMin84 { min-height: 84%; }
.heightMin85 { min-height: 85%; }
.heightMin86 { min-height: 86%; }
.heightMin87 { min-height: 87%; }
.heightMin88 { min-height: 88%; }
.heightMin89 { min-height: 89%; }
.heightMin90 { min-height: 90%; }
.heightMin91 { min-height: 91%; }
.heightMin92 { min-height: 92%; }
.heightMin93 { min-height: 93%; }
.heightMin94 { min-height: 94%; }
.heightMin95 { min-height: 95%; }
.heightMin96 { min-height: 96%; }
.heightMin97 { min-height: 97%; }
.heightMin98 { min-height: 98%; }
.heightMin99 { min-height: 99%; }
.heightMin100 { min-height: 100%; }

/* Max Height */
.heightMax0 { max-height: auto; }
.heightMax1 { max-height: 1%; }
.heightMax2 { max-height: 2%; }
.heightMax3 { max-height: 3%; }
.heightMax4 { max-height: 4%; }
.heightMax5 { max-height: 5%; }
.heightMax6 { max-height: 6%; }
.heightMax7 { max-height: 7%; }
.heightMax8 { max-height: 8%; }
.heightMax9 { max-height: 9%; }
.heightMax10 { max-height: 10%; }
.heightMax11 { max-height: 11%; }
.heightMax12 { max-height: 12%; }
.heightMax13 { max-height: 13%; }
.heightMax14 { max-height: 14%; }
.heightMax15 { max-height: 15%; }
.heightMax16 { max-height: 16%; }
.heightMax17 { max-height: 17%; }
.heightMax18 { max-height: 18%; }
.heightMax19 { max-height: 19%; }
.heightMax20 { max-height: 20%; }
.heightMax21 { max-height: 21%; }
.heightMax22 { max-height: 22%; }
.heightMax23 { max-height: 23%; }
.heightMax24 { max-height: 24%; }
.heightMax25 { max-height: 25%; }
.heightMax26 { max-height: 26%; }
.heightMax27 { max-height: 27%; }
.heightMax28 { max-height: 28%; }
.heightMax29 { max-height: 29%; }
.heightMax30 { max-height: 30%; }
.heightMax31 { max-height: 31%; }
.heightMax32 { max-height: 32%; }
.heightMax33 { max-height: 33%; }
.heightMax34 { max-height: 34%; }
.heightMax35 { max-height: 35%; }
.heightMax36 { max-height: 36%; }
.heightMax37 { max-height: 37%; }
.heightMax38 { max-height: 38%; }
.heightMax39 { max-height: 39%; }
.heightMax40 { max-height: 40%; }
.heightMax41 { max-height: 41%; }
.heightMax42 { max-height: 42%; }
.heightMax43 { max-height: 43%; }
.heightMax44 { max-height: 44%; }
.heightMax45 { max-height: 45%; }
.heightMax46 { max-height: 46%; }
.heightMax47 { max-height: 47%; }
.heightMax48 { max-height: 48%; }
.heightMax49 { max-height: 49%; }
.heightMax50 { max-height: 50%; }
.heightMax51 { max-height: 51%; }
.heightMax52 { max-height: 52%; }
.heightMax53 { max-height: 53%; }
.heightMax54 { max-height: 54%; }
.heightMax55 { max-height: 55%; }
.heightMax56 { max-height: 56%; }
.heightMax57 { max-height: 57%; }
.heightMax58 { max-height: 58%; }
.heightMax59 { max-height: 59%; }
.heightMax60 { max-height: 60%; }
.heightMax61 { max-height: 61%; }
.heightMax62 { max-height: 62%; }
.heightMax63 { max-height: 63%; }
.heightMax64 { max-height: 64%; }
.heightMax65 { max-height: 65%; }
.heightMax66 { max-height: 66%; }
.heightMax67 { max-height: 67%; }
.heightMax68 { max-height: 68%; }
.heightMax69 { max-height: 69%; }
.heightMax70 { max-height: 70%; }
.heightMax71 { max-height: 71%; }
.heightMax72 { max-height: 72%; }
.heightMax73 { max-height: 73%; }
.heightMax74 { max-height: 74%; }
.heightMax75 { max-height: 75%; }
.heightMax76 { max-height: 76%; }
.heightMax77 { max-height: 77%; }
.heightMax78 { max-height: 78%; }
.heightMax79 { max-height: 79%; }
.heightMax80 { max-height: 80%; }
.heightMax81 { max-height: 81%; }
.heightMax82 { max-height: 82%; }
.heightMax83 { max-height: 83%; }
.heightMax84 { max-height: 84%; }
.heightMax85 { max-height: 85%; }
.heightMax86 { max-height: 86%; }
.heightMax87 { max-height: 87%; }
.heightMax88 { max-height: 88%; }
.heightMax89 { max-height: 89%; }
.heightMax90 { max-height: 90%; }
.heightMax91 { max-height: 91%; }
.heightMax92 { max-height: 92%; }
.heightMax93 { max-height: 93%; }
.heightMax94 { max-height: 94%; }
.heightMax95 { max-height: 95%; }
.heightMax96 { max-height: 96%; }
.heightMax97 { max-height: 97%; }
.heightMax98 { max-height: 98%; }
.heightMax99 { max-height: 99%; }
.heightMax100 { max-height: 100%; }

/* Min Width */
.widthMin0 { min-width: auto; }
.widthMin1 { min-width: 1%; }
.widthMin2 { min-width: 2%; }
.widthMin3 { min-width: 3%; }
.widthMin4 { min-width: 4%; }
.widthMin5 { min-width: 5%; }
.widthMin6 { min-width: 6%; }
.widthMin7 { min-width: 7%; }
.widthMin8 { min-width: 8%; }
.widthMin9 { min-width: 9%; }
.widthMin10 { min-width: 10%; }
.widthMin11 { min-width: 11%; }
.widthMin12 { min-width: 12%; }
.widthMin13 { min-width: 13%; }
.widthMin14 { min-width: 14%; }
.widthMin15 { min-width: 15%; }
.widthMin16 { min-width: 16%; }
.widthMin17 { min-width: 17%; }
.widthMin18 { min-width: 18%; }
.widthMin19 { min-width: 19%; }
.widthMin20 { min-width: 20%; }
.widthMin21 { min-width: 21%; }
.widthMin22 { min-width: 22%; }
.widthMin23 { min-width: 23%; }
.widthMin24 { min-width: 24%; }
.widthMin25 { min-width: 25%; }
.widthMin26 { min-width: 26%; }
.widthMin27 { min-width: 27%; }
.widthMin28 { min-width: 28%; }
.widthMin29 { min-width: 29%; }
.widthMin30 { min-width: 30%; }
.widthMin31 { min-width: 31%; }
.widthMin32 { min-width: 32%; }
.widthMin33 { min-width: 33%; }
.widthMin34 { min-width: 34%; }
.widthMin35 { min-width: 35%; }
.widthMin36 { min-width: 36%; }
.widthMin37 { min-width: 37%; }
.widthMin38 { min-width: 38%; }
.widthMin39 { min-width: 39%; }
.widthMin40 { min-width: 40%; }
.widthMin41 { min-width: 41%; }
.widthMin42 { min-width: 42%; }
.widthMin43 { min-width: 43%; }
.widthMin44 { min-width: 44%; }
.widthMin45 { min-width: 45%; }
.widthMin46 { min-width: 46%; }
.widthMin47 { min-width: 47%; }
.widthMin48 { min-width: 48%; }
.widthMin49 { min-width: 49%; }
.widthMin50 { min-width: 50%; }
.widthMin51 { min-width: 51%; }
.widthMin52 { min-width: 52%; }
.widthMin53 { min-width: 53%; }
.widthMin54 { min-width: 54%; }
.widthMin55 { min-width: 55%; }
.widthMin56 { min-width: 56%; }
.widthMin57 { min-width: 57%; }
.widthMin58 { min-width: 58%; }
.widthMin59 { min-width: 59%; }
.widthMin60 { min-width: 60%; }
.widthMin61 { min-width: 61%; }
.widthMin62 { min-width: 62%; }
.widthMin63 { min-width: 63%; }
.widthMin64 { min-width: 64%; }
.widthMin65 { min-width: 65%; }
.widthMin66 { min-width: 66%; }
.widthMin67 { min-width: 67%; }
.widthMin68 { min-width: 68%; }
.widthMin69 { min-width: 69%; }
.widthMin70 { min-width: 70%; }
.widthMin71 { min-width: 71%; }
.widthMin72 { min-width: 72%; }
.widthMin73 { min-width: 73%; }
.widthMin74 { min-width: 74%; }
.widthMin75 { min-width: 75%; }
.widthMin76 { min-width: 76%; }
.widthMin77 { min-width: 77%; }
.widthMin78 { min-width: 78%; }
.widthMin79 { min-width: 79%; }
.widthMin80 { min-width: 80%; }
.widthMin81 { min-width: 81%; }
.widthMin82 { min-width: 82%; }
.widthMin83 { min-width: 83%; }
.widthMin84 { min-width: 84%; }
.widthMin85 { min-width: 85%; }
.widthMin86 { min-width: 86%; }
.widthMin87 { min-width: 87%; }
.widthMin88 { min-width: 88%; }
.widthMin89 { min-width: 89%; }
.widthMin90 { min-width: 90%; }
.widthMin91 { min-width: 91%; }
.widthMin92 { min-width: 92%; }
.widthMin93 { min-width: 93%; }
.widthMin94 { min-width: 94%; }
.widthMin95 { min-width: 95%; }
.widthMin96 { min-width: 96%; }
.widthMin97 { min-width: 97%; }
.widthMin98 { min-width: 98%; }
.widthMin99 { min-width: 99%; }
.widthMin100 { min-width: 100%; }

/* Max Width */
.widthMax0 { max-width: auto; }
.widthMax1 { max-width: 1%; }
.widthMax2 { max-width: 2%; }
.widthMax3 { max-width: 3%; }
.widthMax4 { max-width: 4%; }
.widthMax5 { max-width: 5%; }
.widthMax6 { max-width: 6%; }
.widthMax7 { max-width: 7%; }
.widthMax8 { max-width: 8%; }
.widthMax9 { max-width: 9%; }
.widthMax10 { max-width: 10%; }
.widthMax11 { max-width: 11%; }
.widthMax12 { max-width: 12%; }
.widthMax13 { max-width: 13%; }
.widthMax14 { max-width: 14%; }
.widthMax15 { max-width: 15%; }
.widthMax16 { max-width: 16%; }
.widthMax17 { max-width: 17%; }
.widthMax18 { max-width: 18%; }
.widthMax19 { max-width: 19%; }
.widthMax20 { max-width: 20%; }
.widthMax21 { max-width: 21%; }
.widthMax22 { max-width: 22%; }
.widthMax23 { max-width: 23%; }
.widthMax24 { max-width: 24%; }
.widthMax25 { max-width: 25%; }
.widthMax26 { max-width: 26%; }
.widthMax27 { max-width: 27%; }
.widthMax28 { max-width: 28%; }
.widthMax29 { max-width: 29%; }
.widthMax30 { max-width: 30%; }
.widthMax31 { max-width: 31%; }
.widthMax32 { max-width: 32%; }
.widthMax33 { max-width: 33%; }
.widthMax34 { max-width: 34%; }
.widthMax35 { max-width: 35%; }
.widthMax36 { max-width: 36%; }
.widthMax37 { max-width: 37%; }
.widthMax38 { max-width: 38%; }
.widthMax39 { max-width: 39%; }
.widthMax40 { max-width: 40%; }
.widthMax41 { max-width: 41%; }
.widthMax42 { max-width: 42%; }
.widthMax43 { max-width: 43%; }
.widthMax44 { max-width: 44%; }
.widthMax45 { max-width: 45%; }
.widthMax46 { max-width: 46%; }
.widthMax47 { max-width: 47%; }
.widthMax48 { max-width: 48%; }
.widthMax49 { max-width: 49%; }
.widthMax50 { max-width: 50%; }
.widthMax51 { max-width: 51%; }
.widthMax52 { max-width: 52%; }
.widthMax53 { max-width: 53%; }
.widthMax54 { max-width: 54%; }
.widthMax55 { max-width: 55%; }
.widthMax56 { max-width: 56%; }
.widthMax57 { max-width: 57%; }
.widthMax58 { max-width: 58%; }
.widthMax59 { max-width: 59%; }
.widthMax60 { max-width: 60%; }
.widthMax61 { max-width: 61%; }
.widthMax62 { max-width: 62%; }
.widthMax63 { max-width: 63%; }
.widthMax64 { max-width: 64%; }
.widthMax65 { max-width: 65%; }
.widthMax66 { max-width: 66%; }
.widthMax67 { max-width: 67%; }
.widthMax68 { max-width: 68%; }
.widthMax69 { max-width: 69%; }
.widthMax70 { max-width: 70%; }
.widthMax71 { max-width: 71%; }
.widthMax72 { max-width: 72%; }
.widthMax73 { max-width: 73%; }
.widthMax74 { max-width: 74%; }
.widthMax75 { max-width: 75%; }
.widthMax76 { max-width: 76%; }
.widthMax77 { max-width: 77%; }
.widthMax78 { max-width: 78%; }
.widthMax79 { max-width: 79%; }
.widthMax80 { max-width: 80%; }
.widthMax81 { max-width: 81%; }
.widthMax82 { max-width: 82%; }
.widthMax83 { max-width: 83%; }
.widthMax84 { max-width: 84%; }
.widthMax85 { max-width: 85%; }
.widthMax86 { max-width: 86%; }
.widthMax87 { max-width: 87%; }
.widthMax88 { max-width: 88%; }
.widthMax89 { max-width: 89%; }
.widthMax90 { max-width: 90%; }
.widthMax91 { max-width: 91%; }
.widthMax92 { max-width: 92%; }
.widthMax93 { max-width: 93%; }
.widthMax94 { max-width: 94%; }
.widthMax95 { max-width: 95%; }
.widthMax96 { max-width: 96%; }
.widthMax97 { max-width: 97%; }
.widthMax98 { max-width: 98%; }
.widthMax99 { max-width: 99%; }
.widthMax100 { max-width: 100%; }



/* Height */
.h0 { height: 0px; }
.h1 { height: 1px; }
.h2 { height: 2px; }
.h3 { height: 3px; }
.h4 { height: 4px; }
.h5 { height: 5px; }
.h6 { height: 6px; }
.h7 { height: 7px; }
.h8 { height: 8px; }
.h9 { height: 9px; }
.h10 { height: 10px; }
.h11 { height: 11px; }
.h12 { height: 12px; }
.h13 { height: 13px; }
.h14 { height: 14px; }
.h15 { height: 15px; }
.h16 { height: 16px; }
.h17 { height: 17px; }
.h18 { height: 18px; }
.h19 { height: 19px; }
.h20 { height: 20px; }
.h21 { height: 21px; }
.h22 { height: 22px; }
.h23 { height: 23px; }
.h24 { height: 24px; }
.h25 { height: 25px; }
.h26 { height: 26px; }
.h27 { height: 27px; }
.h28 { height: 28px; }
.h29 { height: 29px; }
.h30 { height: 30px; }
.h31 { height: 31px; }
.h32 { height: 32px; }
.h33 { height: 33px; }
.h34 { height: 34px; }
.h35 { height: 35px; }
.h36 { height: 36px; }
.h37 { height: 37px; }
.h38 { height: 38px; }
.h39 { height: 39px; }
.h40 { height: 40px; }
.h41 { height: 41px; }
.h42 { height: 42px; }
.h43 { height: 43px; }
.h44 { height: 44px; }
.h45 { height: 45px; }
.h46 { height: 46px; }
.h47 { height: 47px; }
.h48 { height: 48px; }
.h49 { height: 49px; }
.h50 { height: 50px; }
.h51 { height: 51px; }
.h52 { height: 52px; }
.h53 { height: 53px; }
.h54 { height: 54px; }
.h55 { height: 55px; }
.h56 { height: 56px; }
.h57 { height: 57px; }
.h58 { height: 58px; }
.h59 { height: 59px; }
.h60 { height: 60px; }
.h61 { height: 61px; }
.h62 { height: 62px; }
.h63 { height: 63px; }
.h64 { height: 64px; }
.h65 { height: 65px; }
.h66 { height: 66px; }
.h67 { height: 67px; }
.h68 { height: 68px; }
.h69 { height: 69px; }
.h70 { height: 70px; }
.h71 { height: 71px; }
.h72 { height: 72px; }
.h73 { height: 73px; }
.h74 { height: 74px; }
.h75 { height: 75px; }
.h76 { height: 76px; }
.h77 { height: 77px; }
.h78 { height: 78px; }
.h79 { height: 79px; }
.h80 { height: 80px; }
.h81 { height: 81px; }
.h82 { height: 82px; }
.h83 { height: 83px; }
.h84 { height: 84px; }
.h85 { height: 85px; }
.h86 { height: 86px; }
.h87 { height: 87px; }
.h88 { height: 88px; }
.h89 { height: 89px; }
.h90 { height: 90px; }
.h91 { height: 91px; }
.h92 { height: 92px; }
.h93 { height: 93px; }
.h94 { height: 94px; }
.h95 { height: 95px; }
.h96 { height: 96px; }
.h97 { height: 97px; }
.h98 { height: 98px; }
.h99 { height: 99px; }
.h100 { height: 100px; }
.h101 { height: 101px; }
.h102 { height: 102px; }
.h103 { height: 103px; }
.h104 { height: 104px; }
.h105 { height: 105px; }
.h106 { height: 106px; }
.h107 { height: 107px; }
.h108 { height: 108px; }
.h109 { height: 109px; }
.h110 { height: 110px; }
.h111 { height: 111px; }
.h112 { height: 112px; }
.h113 { height: 113px; }
.h114 { height: 114px; }
.h115 { height: 115px; }
.h116 { height: 116px; }
.h117 { height: 117px; }
.h118 { height: 118px; }
.h119 { height: 119px; }
.h120 { height: 120px; }
.h121 { height: 121px; }
.h122 { height: 122px; }
.h123 { height: 123px; }
.h124 { height: 124px; }
.h125 { height: 125px; }
.h126 { height: 126px; }
.h127 { height: 127px; }
.h128 { height: 128px; }
.h129 { height: 129px; }
.h130 { height: 130px; }
.h131 { height: 131px; }
.h132 { height: 132px; }
.h133 { height: 133px; }
.h134 { height: 134px; }
.h135 { height: 135px; }
.h136 { height: 136px; }
.h137 { height: 137px; }
.h138 { height: 138px; }
.h139 { height: 139px; }
.h140 { height: 140px; }
.h141 { height: 141px; }
.h142 { height: 142px; }
.h143 { height: 143px; }
.h144 { height: 144px; }
.h145 { height: 145px; }
.h146 { height: 146px; }
.h147 { height: 147px; }
.h148 { height: 148px; }
.h149 { height: 149px; }
.h150 { height: 150px; }
.h151 { height: 151px; }
.h152 { height: 152px; }
.h153 { height: 153px; }
.h154 { height: 154px; }
.h155 { height: 155px; }
.h156 { height: 156px; }
.h157 { height: 157px; }
.h158 { height: 158px; }
.h159 { height: 159px; }
.h160 { height: 160px; }
.h161 { height: 161px; }
.h162 { height: 162px; }
.h163 { height: 163px; }
.h164 { height: 164px; }
.h165 { height: 165px; }
.h166 { height: 166px; }
.h167 { height: 167px; }
.h168 { height: 168px; }
.h169 { height: 169px; }
.h170 { height: 170px; }
.h171 { height: 171px; }
.h172 { height: 172px; }
.h173 { height: 173px; }
.h174 { height: 174px; }
.h175 { height: 175px; }
.h176 { height: 176px; }
.h177 { height: 177px; }
.h178 { height: 178px; }
.h179 { height: 179px; }
.h180 { height: 180px; }
.h181 { height: 181px; }
.h182 { height: 182px; }
.h183 { height: 183px; }
.h184 { height: 184px; }
.h185 { height: 185px; }
.h186 { height: 186px; }
.h187 { height: 187px; }
.h188 { height: 188px; }
.h189 { height: 189px; }
.h190 { height: 190px; }
.h191 { height: 191px; }
.h192 { height: 192px; }
.h193 { height: 193px; }
.h194 { height: 194px; }
.h195 { height: 195px; }
.h196 { height: 196px; }
.h197 { height: 197px; }
.h198 { height: 198px; }
.h199 { height: 199px; }
.h200 { height: 200px; }
.h201 { height: 201px; }
.h202 { height: 202px; }
.h203 { height: 203px; }
.h204 { height: 204px; }
.h205 { height: 205px; }
.h206 { height: 206px; }
.h207 { height: 207px; }
.h208 { height: 208px; }
.h209 { height: 209px; }
.h210 { height: 210px; }
.h211 { height: 211px; }
.h212 { height: 212px; }
.h213 { height: 213px; }
.h214 { height: 214px; }
.h215 { height: 215px; }
.h216 { height: 216px; }
.h217 { height: 217px; }
.h218 { height: 218px; }
.h219 { height: 219px; }
.h220 { height: 220px; }
.h221 { height: 221px; }
.h222 { height: 222px; }
.h223 { height: 223px; }
.h224 { height: 224px; }
.h225 { height: 225px; }
.h226 { height: 226px; }
.h227 { height: 227px; }
.h228 { height: 228px; }
.h229 { height: 229px; }
.h230 { height: 230px; }
.h231 { height: 231px; }
.h232 { height: 232px; }
.h233 { height: 233px; }
.h234 { height: 234px; }
.h235 { height: 235px; }
.h236 { height: 236px; }
.h237 { height: 237px; }
.h238 { height: 238px; }
.h239 { height: 239px; }
.h240 { height: 240px; }
.h241 { height: 241px; }
.h242 { height: 242px; }
.h243 { height: 243px; }
.h244 { height: 244px; }
.h245 { height: 245px; }
.h246 { height: 246px; }
.h247 { height: 247px; }
.h248 { height: 248px; }
.h249 { height: 249px; }
.h250 { height: 250px; }
.h251 { height: 251px; }
.h252 { height: 252px; }
.h253 { height: 253px; }
.h254 { height: 254px; }
.h255 { height: 255px; }
.h256 { height: 256px; }
.h257 { height: 257px; }
.h258 { height: 258px; }
.h259 { height: 259px; }
.h260 { height: 260px; }
.h261 { height: 261px; }
.h262 { height: 262px; }
.h263 { height: 263px; }
.h264 { height: 264px; }
.h265 { height: 265px; }
.h266 { height: 266px; }
.h267 { height: 267px; }
.h268 { height: 268px; }
.h269 { height: 269px; }
.h270 { height: 270px; }
.h271 { height: 271px; }
.h272 { height: 272px; }
.h273 { height: 273px; }
.h274 { height: 274px; }
.h275 { height: 275px; }
.h276 { height: 276px; }
.h277 { height: 277px; }
.h278 { height: 278px; }
.h279 { height: 279px; }
.h280 { height: 280px; }
.h281 { height: 281px; }
.h282 { height: 282px; }
.h283 { height: 283px; }
.h284 { height: 284px; }
.h285 { height: 285px; }
.h286 { height: 286px; }
.h287 { height: 287px; }
.h288 { height: 288px; }
.h289 { height: 289px; }
.h290 { height: 290px; }
.h291 { height: 291px; }
.h292 { height: 292px; }
.h293 { height: 293px; }
.h294 { height: 294px; }
.h295 { height: 295px; }
.h296 { height: 296px; }
.h297 { height: 297px; }
.h298 { height: 298px; }
.h299 { height: 299px; }
.h300 { height: 300px; }
.h301 { height: 301px; }
.h302 { height: 302px; }
.h303 { height: 303px; }
.h304 { height: 304px; }
.h305 { height: 305px; }
.h306 { height: 306px; }
.h307 { height: 307px; }
.h308 { height: 308px; }
.h309 { height: 309px; }
.h310 { height: 310px; }
.h311 { height: 311px; }
.h312 { height: 312px; }
.h313 { height: 313px; }
.h314 { height: 314px; }
.h315 { height: 315px; }
.h316 { height: 316px; }
.h317 { height: 317px; }
.h318 { height: 318px; }
.h319 { height: 319px; }
.h320 { height: 320px; }
.h321 { height: 321px; }
.h322 { height: 322px; }
.h323 { height: 323px; }
.h324 { height: 324px; }
.h325 { height: 325px; }
.h326 { height: 326px; }
.h327 { height: 327px; }
.h328 { height: 328px; }
.h329 { height: 329px; }
.h330 { height: 330px; }
.h331 { height: 331px; }
.h332 { height: 332px; }
.h333 { height: 333px; }
.h334 { height: 334px; }
.h335 { height: 335px; }
.h336 { height: 336px; }
.h337 { height: 337px; }
.h338 { height: 338px; }
.h339 { height: 339px; }
.h340 { height: 340px; }
.h341 { height: 341px; }
.h342 { height: 342px; }
.h343 { height: 343px; }
.h344 { height: 344px; }
.h345 { height: 345px; }
.h346 { height: 346px; }
.h347 { height: 347px; }
.h348 { height: 348px; }
.h349 { height: 349px; }
.h350 { height: 350px; }
.h351 { height: 351px; }
.h352 { height: 352px; }
.h353 { height: 353px; }
.h354 { height: 354px; }
.h355 { height: 355px; }
.h356 { height: 356px; }
.h357 { height: 357px; }
.h358 { height: 358px; }
.h359 { height: 359px; }
.h360 { height: 360px; }
.h361 { height: 361px; }
.h362 { height: 362px; }
.h363 { height: 363px; }
.h364 { height: 364px; }
.h365 { height: 365px; }
.h366 { height: 366px; }
.h367 { height: 367px; }
.h368 { height: 368px; }
.h369 { height: 369px; }
.h370 { height: 370px; }
.h371 { height: 371px; }
.h372 { height: 372px; }
.h373 { height: 373px; }
.h374 { height: 374px; }
.h375 { height: 375px; }
.h376 { height: 376px; }
.h377 { height: 377px; }
.h378 { height: 378px; }
.h379 { height: 379px; }
.h380 { height: 380px; }
.h381 { height: 381px; }
.h382 { height: 382px; }
.h383 { height: 383px; }
.h384 { height: 384px; }
.h385 { height: 385px; }
.h386 { height: 386px; }
.h387 { height: 387px; }
.h388 { height: 388px; }
.h389 { height: 389px; }
.h390 { height: 390px; }
.h391 { height: 391px; }
.h392 { height: 392px; }
.h393 { height: 393px; }
.h394 { height: 394px; }
.h395 { height: 395px; }
.h396 { height: 396px; }
.h397 { height: 397px; }
.h398 { height: 398px; }
.h399 { height: 399px; }
.h400 { height: 400px; }
.h401 { height: 401px; }
.h402 { height: 402px; }
.h403 { height: 403px; }
.h404 { height: 404px; }
.h405 { height: 405px; }
.h406 { height: 406px; }
.h407 { height: 407px; }
.h408 { height: 408px; }
.h409 { height: 409px; }
.h410 { height: 410px; }
.h411 { height: 411px; }
.h412 { height: 412px; }
.h413 { height: 413px; }
.h414 { height: 414px; }
.h415 { height: 415px; }
.h416 { height: 416px; }
.h417 { height: 417px; }
.h418 { height: 418px; }
.h419 { height: 419px; }
.h420 { height: 420px; }
.h421 { height: 421px; }
.h422 { height: 422px; }
.h423 { height: 423px; }
.h424 { height: 424px; }
.h425 { height: 425px; }
.h426 { height: 426px; }
.h427 { height: 427px; }
.h428 { height: 428px; }
.h429 { height: 429px; }
.h430 { height: 430px; }
.h431 { height: 431px; }
.h432 { height: 432px; }
.h433 { height: 433px; }
.h434 { height: 434px; }
.h435 { height: 435px; }
.h436 { height: 436px; }
.h437 { height: 437px; }
.h438 { height: 438px; }
.h439 { height: 439px; }
.h440 { height: 440px; }
.h441 { height: 441px; }
.h442 { height: 442px; }
.h443 { height: 443px; }
.h444 { height: 444px; }
.h445 { height: 445px; }
.h446 { height: 446px; }
.h447 { height: 447px; }
.h448 { height: 448px; }
.h449 { height: 449px; }
.h450 { height: 450px; }
.h451 { height: 451px; }
.h452 { height: 452px; }
.h453 { height: 453px; }
.h454 { height: 454px; }
.h455 { height: 455px; }
.h456 { height: 456px; }
.h457 { height: 457px; }
.h458 { height: 458px; }
.h459 { height: 459px; }
.h460 { height: 460px; }
.h461 { height: 461px; }
.h462 { height: 462px; }
.h463 { height: 463px; }
.h464 { height: 464px; }
.h465 { height: 465px; }
.h466 { height: 466px; }
.h467 { height: 467px; }
.h468 { height: 468px; }
.h469 { height: 469px; }
.h470 { height: 470px; }
.h471 { height: 471px; }
.h472 { height: 472px; }
.h473 { height: 473px; }
.h474 { height: 474px; }
.h475 { height: 475px; }
.h476 { height: 476px; }
.h477 { height: 477px; }
.h478 { height: 478px; }
.h479 { height: 479px; }
.h480 { height: 480px; }
.h481 { height: 481px; }
.h482 { height: 482px; }
.h483 { height: 483px; }
.h484 { height: 484px; }
.h485 { height: 485px; }
.h486 { height: 486px; }
.h487 { height: 487px; }
.h488 { height: 488px; }
.h489 { height: 489px; }
.h490 { height: 490px; }
.h491 { height: 491px; }
.h492 { height: 492px; }
.h493 { height: 493px; }
.h494 { height: 494px; }
.h495 { height: 495px; }
.h496 { height: 496px; }
.h497 { height: 497px; }
.h498 { height: 498px; }
.h499 { height: 499px; }
.h500 { height: 500px; }
.h510 { height: 510px; }
.h520 { height: 520px; }
.h530 { height: 530px; }
.h540 { height: 540px; }
.h550 { height: 550px; }
.h560 { height: 560px; }
.h570 { height: 570px; }
.h580 { height: 580px; }
.h590 { height: 590px; }
.h600 { height: 600px; }
.h610 { height: 610px; }
.h620 { height: 620px; }
.h630 { height: 630px; }
.h640 { height: 640px; }
.h650 { height: 650px; }
.h660 { height: 660px; }
.h670 { height: 670px; }
.h680 { height: 680px; }
.h690 { height: 690px; }
.h700 { height: 700px; }
.h710 { height: 710px; }
.h720 { height: 720px; }
.h730 { height: 730px; }
.h740 { height: 740px; }
.h750 { height: 750px; }
.h760 { height: 760px; }
.h770 { height: 770px; }
.h780 { height: 780px; }
.h790 { height: 790px; }
.h800 { height: 800px; }
.h810 { height: 810px; }
.h820 { height: 820px; }
.h830 { height: 830px; }
.h840 { height: 840px; }
.h850 { height: 850px; }
.h860 { height: 860px; }
.h870 { height: 870px; }
.h880 { height: 880px; }
.h890 { height: 890px; }
.h900 { height: 900px; }
.h910 { height: 910px; }
.h920 { height: 920px; }
.h930 { height: 930px; }
.h940 { height: 940px; }
.h950 { height: 950px; }
.h960 { height: 960px; }
.h970 { height: 970px; }
.h980 { height: 980px; }
.h990 { height: 990px; }


/* Max-Height */
.hMax0{max-height: 0;}
.hMax5{max-height: 5px;}
.hMax10{max-height: 10px;}
.hMax15{max-height: 15px;}
.hMax20{max-height: 20px;}
.hMax25{max-height: 25px;}
.hMax30{max-height: 30px;}
.hMax35{max-height: 35px;}
.hMax40{max-height: 40px;}
.hMax45{max-height: 45px;}
.hMax50{max-height: 50px;}
.hMax100{max-height: 100px;}
.hMax150{max-height: 150px;}
.hMax200{max-height: 200px;}
.hMax250{max-height: 250px;}
.hMax300{max-height: 300px;}
.hMax350{max-height: 350px;}
.hMax400{max-height: 400px;}
.hMax450{max-height: 450px;}
.hMax500{max-height: 500px;}
.hMax550{max-height: 550px;}
.hMax600{max-height: 600px;}
.hMax650{max-height: 650px;}
.hMax700{max-height: 700px;}
.hMax750{max-height: 750px;}
.hMax800{max-height: 800px;}
.hMax850{max-height: 850px;}
.hMax900{max-height: 900px;}
.hMax950{max-height: 950px;}

/* Min-Height */
.hMin0{min-height: 0;}
.hMin5{min-height: 5px;}
.hMin10{min-height: 10px;}
.hMin15{min-height: 15px;}
.hMin20{min-height: 20px;}
.hMin25{min-height: 25px;}
.hMin30{min-height: 30px;}
.hMin35{min-height: 35px;}
.hMin40{min-height: 40px;}
.hMin45{min-height: 45px;}
.hMin50{min-height: 50px;}
.hMin100{min-height: 100px;}
.hMin150{min-height: 150px;}
.hMin200{min-height: 200px;}
.hMin250{min-height: 250px;}
.hMin300{min-height: 300px;}
.hMin350{min-height: 350px;}
.hMin400{min-height: 400px;}
.hMin450{min-height: 450px;}
.hMin500{min-height: 500px;}
.hMin550{min-height: 550px;}
.hMin600{min-height: 600px;}
.hMin650{min-height: 650px;}
.hMin700{min-height: 700px;}
.hMin750{min-height: 750px;}
.hMin800{min-height: 800px;}
.hMin850{min-height: 850px;}
.hMin900{min-height: 900px;}
.hMin950{min-height: 950px;}

/* Width */
.w0 { width: fit-content; }
.w1 { width: 1px; }
.w2 { width: 2px; }
.w3 { width: 3px; }
.w4 { width: 4px; }
.w5 { width: 5px; }
.w6 { width: 6px; }
.w7 { width: 7px; }
.w8 { width: 8px; }
.w9 { width: 9px; }
.w10 { width: 10px; }
.w11 { width: 11px; }
.w12 { width: 12px; }
.w13 { width: 13px; }
.w14 { width: 14px; }
.w15 { width: 15px; }
.w16 { width: 16px; }
.w17 { width: 17px; }
.w18 { width: 18px; }
.w19 { width: 19px; }
.w20 { width: 20px; }
.w21 { width: 21px; }
.w22 { width: 22px; }
.w23 { width: 23px; }
.w24 { width: 24px; }
.w25 { width: 25px; }
.w26 { width: 26px; }
.w27 { width: 27px; }
.w28 { width: 28px; }
.w29 { width: 29px; }
.w30 { width: 30px; }
.w31 { width: 31px; }
.w32 { width: 32px; }
.w33 { width: 33px; }
.w34 { width: 34px; }
.w35 { width: 35px; }
.w36 { width: 36px; }
.w37 { width: 37px; }
.w38 { width: 38px; }
.w39 { width: 39px; }
.w40 { width: 40px; }
.w41 { width: 41px; }
.w42 { width: 42px; }
.w43 { width: 43px; }
.w44 { width: 44px; }
.w45 { width: 45px; }
.w46 { width: 46px; }
.w47 { width: 47px; }
.w48 { width: 48px; }
.w49 { width: 49px; }
.w50 { width: 50px; }
.w51 { width: 51px; }
.w52 { width: 52px; }
.w53 { width: 53px; }
.w54 { width: 54px; }
.w55 { width: 55px; }
.w56 { width: 56px; }
.w57 { width: 57px; }
.w58 { width: 58px; }
.w59 { width: 59px; }
.w60 { width: 60px; }
.w61 { width: 61px; }
.w62 { width: 62px; }
.w63 { width: 63px; }
.w64 { width: 64px; }
.w65 { width: 65px; }
.w66 { width: 66px; }
.w67 { width: 67px; }
.w68 { width: 68px; }
.w69 { width: 69px; }
.w70 { width: 70px; }
.w71 { width: 71px; }
.w72 { width: 72px; }
.w73 { width: 73px; }
.w74 { width: 74px; }
.w75 { width: 75px; }
.w76 { width: 76px; }
.w77 { width: 77px; }
.w78 { width: 78px; }
.w79 { width: 79px; }
.w80 { width: 80px; }
.w81 { width: 81px; }
.w82 { width: 82px; }
.w83 { width: 83px; }
.w84 { width: 84px; }
.w85 { width: 85px; }
.w86 { width: 86px; }
.w87 { width: 87px; }
.w88 { width: 88px; }
.w89 { width: 89px; }
.w90 { width: 90px; }
.w91 { width: 91px; }
.w92 { width: 92px; }
.w93 { width: 93px; }
.w94 { width: 94px; }
.w95 { width: 95px; }
.w96 { width: 96px; }
.w97 { width: 97px; }
.w98 { width: 98px; }
.w99 { width: 99px; }
.w100 { width: 100px; }
.w101 { width: 101px; }
.w102 { width: 102px; }
.w103 { width: 103px; }
.w104 { width: 104px; }
.w105 { width: 105px; }
.w106 { width: 106px; }
.w107 { width: 107px; }
.w108 { width: 108px; }
.w109 { width: 109px; }
.w110 { width: 110px; }
.w111 { width: 111px; }
.w112 { width: 112px; }
.w113 { width: 113px; }
.w114 { width: 114px; }
.w115 { width: 115px; }
.w116 { width: 116px; }
.w117 { width: 117px; }
.w118 { width: 118px; }
.w119 { width: 119px; }
.w120 { width: 120px; }
.w121 { width: 121px; }
.w122 { width: 122px; }
.w123 { width: 123px; }
.w124 { width: 124px; }
.w125 { width: 125px; }
.w126 { width: 126px; }
.w127 { width: 127px; }
.w128 { width: 128px; }
.w129 { width: 129px; }
.w130 { width: 130px; }
.w131 { width: 131px; }
.w132 { width: 132px; }
.w133 { width: 133px; }
.w134 { width: 134px; }
.w135 { width: 135px; }
.w136 { width: 136px; }
.w137 { width: 137px; }
.w138 { width: 138px; }
.w139 { width: 139px; }
.w140 { width: 140px; }
.w141 { width: 141px; }
.w142 { width: 142px; }
.w143 { width: 143px; }
.w144 { width: 144px; }
.w145 { width: 145px; }
.w146 { width: 146px; }
.w147 { width: 147px; }
.w148 { width: 148px; }
.w149 { width: 149px; }
.w150 { width: 150px; }
.w151 { width: 151px; }
.w152 { width: 152px; }
.w153 { width: 153px; }
.w154 { width: 154px; }
.w155 { width: 155px; }
.w156 { width: 156px; }
.w157 { width: 157px; }
.w158 { width: 158px; }
.w159 { width: 159px; }
.w160 { width: 160px; }
.w161 { width: 161px; }
.w162 { width: 162px; }
.w163 { width: 163px; }
.w164 { width: 164px; }
.w165 { width: 165px; }
.w166 { width: 166px; }
.w167 { width: 167px; }
.w168 { width: 168px; }
.w169 { width: 169px; }
.w170 { width: 170px; }
.w171 { width: 171px; }
.w172 { width: 172px; }
.w173 { width: 173px; }
.w174 { width: 174px; }
.w175 { width: 175px; }
.w176 { width: 176px; }
.w177 { width: 177px; }
.w178 { width: 178px; }
.w179 { width: 179px; }
.w180 { width: 180px; }
.w181 { width: 181px; }
.w182 { width: 182px; }
.w183 { width: 183px; }
.w184 { width: 184px; }
.w185 { width: 185px; }
.w186 { width: 186px; }
.w187 { width: 187px; }
.w188 { width: 188px; }
.w189 { width: 189px; }
.w190 { width: 190px; }
.w191 { width: 191px; }
.w192 { width: 192px; }
.w193 { width: 193px; }
.w194 { width: 194px; }
.w195 { width: 195px; }
.w196 { width: 196px; }
.w197 { width: 197px; }
.w198 { width: 198px; }
.w199 { width: 199px; }
.w200 { width: 200px; }
.w201 { width: 201px; }
.w202 { width: 202px; }
.w203 { width: 203px; }
.w204 { width: 204px; }
.w205 { width: 205px; }
.w206 { width: 206px; }
.w207 { width: 207px; }
.w208 { width: 208px; }
.w209 { width: 209px; }
.w210 { width: 210px; }
.w211 { width: 211px; }
.w212 { width: 212px; }
.w213 { width: 213px; }
.w214 { width: 214px; }
.w215 { width: 215px; }
.w216 { width: 216px; }
.w217 { width: 217px; }
.w218 { width: 218px; }
.w219 { width: 219px; }
.w220 { width: 220px; }
.w221 { width: 221px; }
.w222 { width: 222px; }
.w223 { width: 223px; }
.w224 { width: 224px; }
.w225 { width: 225px; }
.w226 { width: 226px; }
.w227 { width: 227px; }
.w228 { width: 228px; }
.w229 { width: 229px; }
.w230 { width: 230px; }
.w231 { width: 231px; }
.w232 { width: 232px; }
.w233 { width: 233px; }
.w234 { width: 234px; }
.w235 { width: 235px; }
.w236 { width: 236px; }
.w237 { width: 237px; }
.w238 { width: 238px; }
.w239 { width: 239px; }
.w240 { width: 240px; }
.w241 { width: 241px; }
.w242 { width: 242px; }
.w243 { width: 243px; }
.w244 { width: 244px; }
.w245 { width: 245px; }
.w246 { width: 246px; }
.w247 { width: 247px; }
.w248 { width: 248px; }
.w249 { width: 249px; }
.w250 { width: 250px; }
.w251 { width: 251px; }
.w252 { width: 252px; }
.w253 { width: 253px; }
.w254 { width: 254px; }
.w255 { width: 255px; }
.w256 { width: 256px; }
.w257 { width: 257px; }
.w258 { width: 258px; }
.w259 { width: 259px; }
.w260 { width: 260px; }
.w261 { width: 261px; }
.w262 { width: 262px; }
.w263 { width: 263px; }
.w264 { width: 264px; }
.w265 { width: 265px; }
.w266 { width: 266px; }
.w267 { width: 267px; }
.w268 { width: 268px; }
.w269 { width: 269px; }
.w270 { width: 270px; }
.w271 { width: 271px; }
.w272 { width: 272px; }
.w273 { width: 273px; }
.w274 { width: 274px; }
.w275 { width: 275px; }
.w276 { width: 276px; }
.w277 { width: 277px; }
.w278 { width: 278px; }
.w279 { width: 279px; }
.w280 { width: 280px; }
.w281 { width: 281px; }
.w282 { width: 282px; }
.w283 { width: 283px; }
.w284 { width: 284px; }
.w285 { width: 285px; }
.w286 { width: 286px; }
.w287 { width: 287px; }
.w288 { width: 288px; }
.w289 { width: 289px; }
.w290 { width: 290px; }
.w291 { width: 291px; }
.w292 { width: 292px; }
.w293 { width: 293px; }
.w294 { width: 294px; }
.w295 { width: 295px; }
.w296 { width: 296px; }
.w297 { width: 297px; }
.w298 { width: 298px; }
.w299 { width: 299px; }
.w300 { width: 300px; }
.w301 { width: 301px; }
.w302 { width: 302px; }
.w303 { width: 303px; }
.w304 { width: 304px; }
.w305 { width: 305px; }
.w306 { width: 306px; }
.w307 { width: 307px; }
.w308 { width: 308px; }
.w309 { width: 309px; }
.w310 { width: 310px; }
.w311 { width: 311px; }
.w312 { width: 312px; }
.w313 { width: 313px; }
.w314 { width: 314px; }
.w315 { width: 315px; }
.w316 { width: 316px; }
.w317 { width: 317px; }
.w318 { width: 318px; }
.w319 { width: 319px; }
.w320 { width: 320px; }
.w321 { width: 321px; }
.w322 { width: 322px; }
.w323 { width: 323px; }
.w324 { width: 324px; }
.w325 { width: 325px; }
.w326 { width: 326px; }
.w327 { width: 327px; }
.w328 { width: 328px; }
.w329 { width: 329px; }
.w330 { width: 330px; }
.w331 { width: 331px; }
.w332 { width: 332px; }
.w333 { width: 333px; }
.w334 { width: 334px; }
.w335 { width: 335px; }
.w336 { width: 336px; }
.w337 { width: 337px; }
.w338 { width: 338px; }
.w339 { width: 339px; }
.w340 { width: 340px; }
.w341 { width: 341px; }
.w342 { width: 342px; }
.w343 { width: 343px; }
.w344 { width: 344px; }
.w345 { width: 345px; }
.w346 { width: 346px; }
.w347 { width: 347px; }
.w348 { width: 348px; }
.w349 { width: 349px; }
.w350 { width: 350px; }
.w351 { width: 351px; }
.w352 { width: 352px; }
.w353 { width: 353px; }
.w354 { width: 354px; }
.w355 { width: 355px; }
.w356 { width: 356px; }
.w357 { width: 357px; }
.w358 { width: 358px; }
.w359 { width: 359px; }
.w360 { width: 360px; }
.w361 { width: 361px; }
.w362 { width: 362px; }
.w363 { width: 363px; }
.w364 { width: 364px; }
.w365 { width: 365px; }
.w366 { width: 366px; }
.w367 { width: 367px; }
.w368 { width: 368px; }
.w369 { width: 369px; }
.w370 { width: 370px; }
.w371 { width: 371px; }
.w372 { width: 372px; }
.w373 { width: 373px; }
.w374 { width: 374px; }
.w375 { width: 375px; }
.w376 { width: 376px; }
.w377 { width: 377px; }
.w378 { width: 378px; }
.w379 { width: 379px; }
.w380 { width: 380px; }
.w381 { width: 381px; }
.w382 { width: 382px; }
.w383 { width: 383px; }
.w384 { width: 384px; }
.w385 { width: 385px; }
.w386 { width: 386px; }
.w387 { width: 387px; }
.w388 { width: 388px; }
.w389 { width: 389px; }
.w390 { width: 390px; }
.w391 { width: 391px; }
.w392 { width: 392px; }
.w393 { width: 393px; }
.w394 { width: 394px; }
.w395 { width: 395px; }
.w396 { width: 396px; }
.w397 { width: 397px; }
.w398 { width: 398px; }
.w399 { width: 399px; }
.w400 { width: 400px; }
.w401 { width: 401px; }
.w402 { width: 402px; }
.w403 { width: 403px; }
.w404 { width: 404px; }
.w405 { width: 405px; }
.w406 { width: 406px; }
.w407 { width: 407px; }
.w408 { width: 408px; }
.w409 { width: 409px; }
.w410 { width: 410px; }
.w411 { width: 411px; }
.w412 { width: 412px; }
.w413 { width: 413px; }
.w414 { width: 414px; }
.w415 { width: 415px; }
.w416 { width: 416px; }
.w417 { width: 417px; }
.w418 { width: 418px; }
.w419 { width: 419px; }
.w420 { width: 420px; }
.w421 { width: 421px; }
.w422 { width: 422px; }
.w423 { width: 423px; }
.w424 { width: 424px; }
.w425 { width: 425px; }
.w426 { width: 426px; }
.w427 { width: 427px; }
.w428 { width: 428px; }
.w429 { width: 429px; }
.w430 { width: 430px; }
.w431 { width: 431px; }
.w432 { width: 432px; }
.w433 { width: 433px; }
.w434 { width: 434px; }
.w435 { width: 435px; }
.w436 { width: 436px; }
.w437 { width: 437px; }
.w438 { width: 438px; }
.w439 { width: 439px; }
.w440 { width: 440px; }
.w441 { width: 441px; }
.w442 { width: 442px; }
.w443 { width: 443px; }
.w444 { width: 444px; }
.w445 { width: 445px; }
.w446 { width: 446px; }
.w447 { width: 447px; }
.w448 { width: 448px; }
.w449 { width: 449px; }
.w450 { width: 450px; }
.w451 { width: 451px; }
.w452 { width: 452px; }
.w453 { width: 453px; }
.w454 { width: 454px; }
.w455 { width: 455px; }
.w456 { width: 456px; }
.w457 { width: 457px; }
.w458 { width: 458px; }
.w459 { width: 459px; }
.w460 { width: 460px; }
.w461 { width: 461px; }
.w462 { width: 462px; }
.w463 { width: 463px; }
.w464 { width: 464px; }
.w465 { width: 465px; }
.w466 { width: 466px; }
.w467 { width: 467px; }
.w468 { width: 468px; }
.w469 { width: 469px; }
.w470 { width: 470px; }
.w471 { width: 471px; }
.w472 { width: 472px; }
.w473 { width: 473px; }
.w474 { width: 474px; }
.w475 { width: 475px; }
.w476 { width: 476px; }
.w477 { width: 477px; }
.w478 { width: 478px; }
.w479 { width: 479px; }
.w480 { width: 480px; }
.w481 { width: 481px; }
.w482 { width: 482px; }
.w483 { width: 483px; }
.w484 { width: 484px; }
.w485 { width: 485px; }
.w486 { width: 486px; }
.w487 { width: 487px; }
.w488 { width: 488px; }
.w489 { width: 489px; }
.w490 { width: 490px; }
.w491 { width: 491px; }
.w492 { width: 492px; }
.w493 { width: 493px; }
.w494 { width: 494px; }
.w495 { width: 495px; }
.w496 { width: 496px; }
.w497 { width: 497px; }
.w498 { width: 498px; }
.w499 { width: 499px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w530 { width: 530px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w560 { width: 560px; }
.w570 { width: 570px; }
.w580 { width: 580px; }
.w590 { width: 590px; }
.w600 { width: 600px; }
.w610 { width: 610px; }
.w620 { width: 620px; }
.w630 { width: 630px; }
.w640 { width: 640px; }
.w650 { width: 650px; }
.w660 { width: 660px; }
.w670 { width: 670px; }
.w680 { width: 680px; }
.w690 { width: 690px; }
.w700 { width: 700px; }
.w710 { width: 710px; }
.w720 { width: 720px; }
.w730 { width: 730px; }
.w740 { width: 740px; }
.w750 { width: 750px; }
.w760 { width: 760px; }
.w770 { width: 770px; }
.w780 { width: 780px; }
.w790 { width: 790px; }
.w800 { width: 800px; }
.w810 { width: 810px; }
.w820 { width: 820px; }
.w830 { width: 830px; }
.w840 { width: 840px; }
.w850 { width: 850px; }
.w860 { width: 860px; }
.w870 { width: 870px; }
.w880 { width: 880px; }
.w890 { width: 890px; }
.w900 { width: 900px; }
.w910 { width: 910px; }
.w920 { width: 920px; }
.w930 { width: 930px; }
.w940 { width: 940px; }
.w950 { width: 950px; }
.w960 { width: 960px; }
.w970 { width: 970px; }
.w980 { width: 980px; }
.w990 { width: 990px; }


/* Max-Width */
.wMax0{max-width: 0;}
.wMax5{max-width: 5px;}
.wMax10{max-width: 10px;}
.wMax15{max-width: 15px;}
.wMax20{max-width: 20px;}
.wMax25{max-width: 25px;}
.wMax30{max-width: 30px;}
.wMax35{max-width: 35px;}
.wMax40{max-width: 40px;}
.wMax45{max-width: 45px;}
.wMax50{max-width: 50px;}
.wMax100{max-width: 100px;}
.wMax150{max-width: 150px;}
.wMax200{max-width: 200px;}
.wMax250{max-width: 250px;}
.wMax300{max-width: 300px;}
.wMax350{max-width: 350px;}
.wMax400{max-width: 400px;}
.wMax450{max-width: 450px;}
.wMax500{max-width: 500px;}
.wMax550{max-width: 550px;}
.wMax600{max-width: 600px;}
.wMax650{max-width: 650px;}
.wMax700{max-width: 700px;}
.wMax750{max-width: 750px;}
.wMax800{max-width: 800px;}
.wMax850{max-width: 850px;}
.wMax900{max-width: 900px;}
.wMax950{max-width: 950px;}

/* Min-Width */
.wMin0{min-width: 0;}
.wMin5{min-width: 5px;}
.wMin10{min-width: 10px;}
.wMin15{min-width: 15px;}
.wMin20{min-width: 20px;}
.wMin25{min-width: 25px;}
.wMin30{min-width: 30px;}
.wMin35{min-width: 35px;}
.wMin40{min-width: 40px;}
.wMin45{min-width: 45px;}
.wMin50{min-width: 50px;}
.wMin100{min-width: 100px;}
.wMin150{min-width: 150px;}
.wMin200{min-width: 200px;}
.wMin250{min-width: 250px;}
.wMin300{min-width: 300px;}
.wMin350{min-width: 350px;}
.wMin400{min-width: 400px;}
.wMin450{min-width: 450px;}
.wMin500{min-width: 500px;}
.wMin550{min-width: 550px;}
.wMin600{min-width: 600px;}
.wMin650{min-width: 650px;}
.wMin700{min-width: 700px;}
.wMin750{min-width: 750px;}
.wMin800{min-width: 800px;}
.wMin850{min-width: 850px;}
.wMin900{min-width: 900px;}
.wMin950{min-width: 950px;}

/* Padding - All Sides (0px to 500px) */
.padding0 { padding: 0px; }
.padding1 { padding: 1px; }
.padding2 { padding: 2px; }
.padding3 { padding: 3px; }
.padding4 { padding: 4px; }
.padding5 { padding: 5px; }
.padding6 { padding: 6px; }
.padding7 { padding: 7px; }
.padding8 { padding: 8px; }
.padding9 { padding: 9px; }
.padding10 { padding: 10px; }
.padding11 { padding: 11px; }
.padding12 { padding: 12px; }
.padding13 { padding: 13px; }
.padding14 { padding: 14px; }
.padding15 { padding: 15px; }
.padding16 { padding: 16px; }
.padding17 { padding: 17px; }
.padding18 { padding: 18px; }
.padding19 { padding: 19px; }
.padding20 { padding: 20px; }
.padding21 { padding: 21px; }
.padding22 { padding: 22px; }
.padding23 { padding: 23px; }
.padding24 { padding: 24px; }
.padding25 { padding: 25px; }
.padding26 { padding: 26px; }
.padding27 { padding: 27px; }
.padding28 { padding: 28px; }
.padding29 { padding: 29px; }
.padding30 { padding: 30px; }
.padding31 { padding: 31px; }
.padding32 { padding: 32px; }
.padding33 { padding: 33px; }
.padding34 { padding: 34px; }
.padding35 { padding: 35px; }
.padding36 { padding: 36px; }
.padding37 { padding: 37px; }
.padding38 { padding: 38px; }
.padding39 { padding: 39px; }
.padding40 { padding: 40px; }
.padding41 { padding: 41px; }
.padding42 { padding: 42px; }
.padding43 { padding: 43px; }
.padding44 { padding: 44px; }
.padding45 { padding: 45px; }
.padding46 { padding: 46px; }
.padding47 { padding: 47px; }
.padding48 { padding: 48px; }
.padding49 { padding: 49px; }
.padding50 { padding: 50px; }
.padding51 { padding: 51px; }
.padding52 { padding: 52px; }
.padding53 { padding: 53px; }
.padding54 { padding: 54px; }
.padding55 { padding: 55px; }
.padding56 { padding: 56px; }
.padding57 { padding: 57px; }
.padding58 { padding: 58px; }
.padding59 { padding: 59px; }
.padding60 { padding: 60px; }
.padding61 { padding: 61px; }
.padding62 { padding: 62px; }
.padding63 { padding: 63px; }
.padding64 { padding: 64px; }
.padding65 { padding: 65px; }
.padding66 { padding: 66px; }
.padding67 { padding: 67px; }
.padding68 { padding: 68px; }
.padding69 { padding: 69px; }
.padding70 { padding: 70px; }
.padding71 { padding: 71px; }
.padding72 { padding: 72px; }
.padding73 { padding: 73px; }
.padding74 { padding: 74px; }
.padding75 { padding: 75px; }
.padding76 { padding: 76px; }
.padding77 { padding: 77px; }
.padding78 { padding: 78px; }
.padding79 { padding: 79px; }
.padding80 { padding: 80px; }
.padding81 { padding: 81px; }
.padding82 { padding: 82px; }
.padding83 { padding: 83px; }
.padding84 { padding: 84px; }
.padding85 { padding: 85px; }
.padding86 { padding: 86px; }
.padding87 { padding: 87px; }
.padding88 { padding: 88px; }
.padding89 { padding: 89px; }
.padding90 { padding: 90px; }
.padding91 { padding: 91px; }
.padding92 { padding: 92px; }
.padding93 { padding: 93px; }
.padding94 { padding: 94px; }
.padding95 { padding: 95px; }
.padding96 { padding: 96px; }
.padding97 { padding: 97px; }
.padding98 { padding: 98px; }
.padding99 { padding: 99px; }
.padding100 { padding: 100px; }
.padding101 { padding: 101px; }
.padding102 { padding: 102px; }
.padding103 { padding: 103px; }
.padding104 { padding: 104px; }
.padding105 { padding: 105px; }
.padding106 { padding: 106px; }
.padding107 { padding: 107px; }
.padding108 { padding: 108px; }
.padding109 { padding: 109px; }
.padding110 { padding: 110px; }
.padding111 { padding: 111px; }
.padding112 { padding: 112px; }
.padding113 { padding: 113px; }
.padding114 { padding: 114px; }
.padding115 { padding: 115px; }
.padding116 { padding: 116px; }
.padding117 { padding: 117px; }
.padding118 { padding: 118px; }
.padding119 { padding: 119px; }
.padding120 { padding: 120px; }
.padding121 { padding: 121px; }
.padding122 { padding: 122px; }
.padding123 { padding: 123px; }
.padding124 { padding: 124px; }
.padding125 { padding: 125px; }
.padding126 { padding: 126px; }
.padding127 { padding: 127px; }
.padding128 { padding: 128px; }
.padding129 { padding: 129px; }
.padding130 { padding: 130px; }
.padding131 { padding: 131px; }
.padding132 { padding: 132px; }
.padding133 { padding: 133px; }
.padding134 { padding: 134px; }
.padding135 { padding: 135px; }
.padding136 { padding: 136px; }
.padding137 { padding: 137px; }
.padding138 { padding: 138px; }
.padding139 { padding: 139px; }
.padding140 { padding: 140px; }
.padding141 { padding: 141px; }
.padding142 { padding: 142px; }
.padding143 { padding: 143px; }
.padding144 { padding: 144px; }
.padding145 { padding: 145px; }
.padding146 { padding: 146px; }
.padding147 { padding: 147px; }
.padding148 { padding: 148px; }
.padding149 { padding: 149px; }
.padding150 { padding: 150px; }
.padding151 { padding: 151px; }
.padding152 { padding: 152px; }
.padding153 { padding: 153px; }
.padding154 { padding: 154px; }
.padding155 { padding: 155px; }
.padding156 { padding: 156px; }
.padding157 { padding: 157px; }
.padding158 { padding: 158px; }
.padding159 { padding: 159px; }
.padding160 { padding: 160px; }
.padding161 { padding: 161px; }
.padding162 { padding: 162px; }
.padding163 { padding: 163px; }
.padding164 { padding: 164px; }
.padding165 { padding: 165px; }
.padding166 { padding: 166px; }
.padding167 { padding: 167px; }
.padding168 { padding: 168px; }
.padding169 { padding: 169px; }
.padding170 { padding: 170px; }
.padding171 { padding: 171px; }
.padding172 { padding: 172px; }
.padding173 { padding: 173px; }
.padding174 { padding: 174px; }
.padding175 { padding: 175px; }
.padding176 { padding: 176px; }
.padding177 { padding: 177px; }
.padding178 { padding: 178px; }
.padding179 { padding: 179px; }
.padding180 { padding: 180px; }
.padding181 { padding: 181px; }
.padding182 { padding: 182px; }
.padding183 { padding: 183px; }
.padding184 { padding: 184px; }
.padding185 { padding: 185px; }
.padding186 { padding: 186px; }
.padding187 { padding: 187px; }
.padding188 { padding: 188px; }
.padding189 { padding: 189px; }
.padding190 { padding: 190px; }
.padding191 { padding: 191px; }
.padding192 { padding: 192px; }
.padding193 { padding: 193px; }
.padding194 { padding: 194px; }
.padding195 { padding: 195px; }
.padding196 { padding: 196px; }
.padding197 { padding: 197px; }
.padding198 { padding: 198px; }
.padding199 { padding: 199px; }
.padding200 { padding: 200px; }
.padding201 { padding: 201px; }
.padding202 { padding: 202px; }
.padding203 { padding: 203px; }
.padding204 { padding: 204px; }
.padding205 { padding: 205px; }
.padding206 { padding: 206px; }
.padding207 { padding: 207px; }
.padding208 { padding: 208px; }
.padding209 { padding: 209px; }
.padding210 { padding: 210px; }
.padding211 { padding: 211px; }
.padding212 { padding: 212px; }
.padding213 { padding: 213px; }
.padding214 { padding: 214px; }
.padding215 { padding: 215px; }
.padding216 { padding: 216px; }
.padding217 { padding: 217px; }
.padding218 { padding: 218px; }
.padding219 { padding: 219px; }
.padding220 { padding: 220px; }
.padding221 { padding: 221px; }
.padding222 { padding: 222px; }
.padding223 { padding: 223px; }
.padding224 { padding: 224px; }
.padding225 { padding: 225px; }
.padding226 { padding: 226px; }
.padding227 { padding: 227px; }
.padding228 { padding: 228px; }
.padding229 { padding: 229px; }
.padding230 { padding: 230px; }
.padding231 { padding: 231px; }
.padding232 { padding: 232px; }
.padding233 { padding: 233px; }
.padding234 { padding: 234px; }
.padding235 { padding: 235px; }
.padding236 { padding: 236px; }
.padding237 { padding: 237px; }
.padding238 { padding: 238px; }
.padding239 { padding: 239px; }
.padding240 { padding: 240px; }
.padding241 { padding: 241px; }
.padding242 { padding: 242px; }
.padding243 { padding: 243px; }
.padding244 { padding: 244px; }
.padding245 { padding: 245px; }
.padding246 { padding: 246px; }
.padding247 { padding: 247px; }
.padding248 { padding: 248px; }
.padding249 { padding: 249px; }
.padding250 { padding: 250px; }
.padding251 { padding: 251px; }
.padding252 { padding: 252px; }
.padding253 { padding: 253px; }
.padding254 { padding: 254px; }
.padding255 { padding: 255px; }
.padding256 { padding: 256px; }
.padding257 { padding: 257px; }
.padding258 { padding: 258px; }
.padding259 { padding: 259px; }
.padding260 { padding: 260px; }
.padding261 { padding: 261px; }
.padding262 { padding: 262px; }
.padding263 { padding: 263px; }
.padding264 { padding: 264px; }
.padding265 { padding: 265px; }
.padding266 { padding: 266px; }
.padding267 { padding: 267px; }
.padding268 { padding: 268px; }
.padding269 { padding: 269px; }
.padding270 { padding: 270px; }
.padding271 { padding: 271px; }
.padding272 { padding: 272px; }
.padding273 { padding: 273px; }
.padding274 { padding: 274px; }
.padding275 { padding: 275px; }
.padding276 { padding: 276px; }
.padding277 { padding: 277px; }
.padding278 { padding: 278px; }
.padding279 { padding: 279px; }
.padding280 { padding: 280px; }
.padding281 { padding: 281px; }
.padding282 { padding: 282px; }
.padding283 { padding: 283px; }
.padding284 { padding: 284px; }
.padding285 { padding: 285px; }
.padding286 { padding: 286px; }
.padding287 { padding: 287px; }
.padding288 { padding: 288px; }
.padding289 { padding: 289px; }
.padding290 { padding: 290px; }
.padding291 { padding: 291px; }
.padding292 { padding: 292px; }
.padding293 { padding: 293px; }
.padding294 { padding: 294px; }
.padding295 { padding: 295px; }
.padding296 { padding: 296px; }
.padding297 { padding: 297px; }
.padding298 { padding: 298px; }
.padding299 { padding: 299px; }
.padding300 { padding: 300px; }
.padding301 { padding: 301px; }
.padding302 { padding: 302px; }
.padding303 { padding: 303px; }
.padding304 { padding: 304px; }
.padding305 { padding: 305px; }
.padding306 { padding: 306px; }
.padding307 { padding: 307px; }
.padding308 { padding: 308px; }
.padding309 { padding: 309px; }
.padding310 { padding: 310px; }
.padding311 { padding: 311px; }
.padding312 { padding: 312px; }
.padding313 { padding: 313px; }
.padding314 { padding: 314px; }
.padding315 { padding: 315px; }
.padding316 { padding: 316px; }
.padding317 { padding: 317px; }
.padding318 { padding: 318px; }
.padding319 { padding: 319px; }
.padding320 { padding: 320px; }
.padding321 { padding: 321px; }
.padding322 { padding: 322px; }
.padding323 { padding: 323px; }
.padding324 { padding: 324px; }
.padding325 { padding: 325px; }
.padding326 { padding: 326px; }
.padding327 { padding: 327px; }
.padding328 { padding: 328px; }
.padding329 { padding: 329px; }
.padding330 { padding: 330px; }
.padding331 { padding: 331px; }
.padding332 { padding: 332px; }
.padding333 { padding: 333px; }
.padding334 { padding: 334px; }
.padding335 { padding: 335px; }
.padding336 { padding: 336px; }
.padding337 { padding: 337px; }
.padding338 { padding: 338px; }
.padding339 { padding: 339px; }
.padding340 { padding: 340px; }
.padding341 { padding: 341px; }
.padding342 { padding: 342px; }
.padding343 { padding: 343px; }
.padding344 { padding: 344px; }
.padding345 { padding: 345px; }
.padding346 { padding: 346px; }
.padding347 { padding: 347px; }
.padding348 { padding: 348px; }
.padding349 { padding: 349px; }
.padding350 { padding: 350px; }
.padding351 { padding: 351px; }
.padding352 { padding: 352px; }
.padding353 { padding: 353px; }
.padding354 { padding: 354px; }
.padding355 { padding: 355px; }
.padding356 { padding: 356px; }
.padding357 { padding: 357px; }
.padding358 { padding: 358px; }
.padding359 { padding: 359px; }
.padding360 { padding: 360px; }
.padding361 { padding: 361px; }
.padding362 { padding: 362px; }
.padding363 { padding: 363px; }
.padding364 { padding: 364px; }
.padding365 { padding: 365px; }
.padding366 { padding: 366px; }
.padding367 { padding: 367px; }
.padding368 { padding: 368px; }
.padding369 { padding: 369px; }
.padding370 { padding: 370px; }
.padding371 { padding: 371px; }
.padding372 { padding: 372px; }
.padding373 { padding: 373px; }
.padding374 { padding: 374px; }
.padding375 { padding: 375px; }
.padding376 { padding: 376px; }
.padding377 { padding: 377px; }
.padding378 { padding: 378px; }
.padding379 { padding: 379px; }
.padding380 { padding: 380px; }
.padding381 { padding: 381px; }
.padding382 { padding: 382px; }
.padding383 { padding: 383px; }
.padding384 { padding: 384px; }
.padding385 { padding: 385px; }
.padding386 { padding: 386px; }
.padding387 { padding: 387px; }
.padding388 { padding: 388px; }
.padding389 { padding: 389px; }
.padding390 { padding: 390px; }
.padding391 { padding: 391px; }
.padding392 { padding: 392px; }
.padding393 { padding: 393px; }
.padding394 { padding: 394px; }
.padding395 { padding: 395px; }
.padding396 { padding: 396px; }
.padding397 { padding: 397px; }
.padding398 { padding: 398px; }
.padding399 { padding: 399px; }
.padding400 { padding: 400px; }
.padding401 { padding: 401px; }
.padding402 { padding: 402px; }
.padding403 { padding: 403px; }
.padding404 { padding: 404px; }
.padding405 { padding: 405px; }
.padding406 { padding: 406px; }
.padding407 { padding: 407px; }
.padding408 { padding: 408px; }
.padding409 { padding: 409px; }
.padding410 { padding: 410px; }
.padding411 { padding: 411px; }
.padding412 { padding: 412px; }
.padding413 { padding: 413px; }
.padding414 { padding: 414px; }
.padding415 { padding: 415px; }
.padding416 { padding: 416px; }
.padding417 { padding: 417px; }
.padding418 { padding: 418px; }
.padding419 { padding: 419px; }
.padding420 { padding: 420px; }
.padding421 { padding: 421px; }
.padding422 { padding: 422px; }
.padding423 { padding: 423px; }
.padding424 { padding: 424px; }
.padding425 { padding: 425px; }
.padding426 { padding: 426px; }
.padding427 { padding: 427px; }
.padding428 { padding: 428px; }
.padding429 { padding: 429px; }
.padding430 { padding: 430px; }
.padding431 { padding: 431px; }
.padding432 { padding: 432px; }
.padding433 { padding: 433px; }
.padding434 { padding: 434px; }
.padding435 { padding: 435px; }
.padding436 { padding: 436px; }
.padding437 { padding: 437px; }
.padding438 { padding: 438px; }
.padding439 { padding: 439px; }
.padding440 { padding: 440px; }
.padding441 { padding: 441px; }
.padding442 { padding: 442px; }
.padding443 { padding: 443px; }
.padding444 { padding: 444px; }
.padding445 { padding: 445px; }
.padding446 { padding: 446px; }
.padding447 { padding: 447px; }
.padding448 { padding: 448px; }
.padding449 { padding: 449px; }
.padding450 { padding: 450px; }
.padding451 { padding: 451px; }
.padding452 { padding: 452px; }
.padding453 { padding: 453px; }
.padding454 { padding: 454px; }
.padding455 { padding: 455px; }
.padding456 { padding: 456px; }
.padding457 { padding: 457px; }
.padding458 { padding: 458px; }
.padding459 { padding: 459px; }
.padding460 { padding: 460px; }
.padding461 { padding: 461px; }
.padding462 { padding: 462px; }
.padding463 { padding: 463px; }
.padding464 { padding: 464px; }
.padding465 { padding: 465px; }
.padding466 { padding: 466px; }
.padding467 { padding: 467px; }
.padding468 { padding: 468px; }
.padding469 { padding: 469px; }
.padding470 { padding: 470px; }
.padding471 { padding: 471px; }
.padding472 { padding: 472px; }
.padding473 { padding: 473px; }
.padding474 { padding: 474px; }
.padding475 { padding: 475px; }
.padding476 { padding: 476px; }
.padding477 { padding: 477px; }
.padding478 { padding: 478px; }
.padding479 { padding: 479px; }
.padding480 { padding: 480px; }
.padding481 { padding: 481px; }
.padding482 { padding: 482px; }
.padding483 { padding: 483px; }
.padding484 { padding: 484px; }
.padding485 { padding: 485px; }
.padding486 { padding: 486px; }
.padding487 { padding: 487px; }
.padding488 { padding: 488px; }
.padding489 { padding: 489px; }
.padding490 { padding: 490px; }
.padding491 { padding: 491px; }
.padding492 { padding: 492px; }
.padding493 { padding: 493px; }
.padding494 { padding: 494px; }
.padding495 { padding: 495px; }
.padding496 { padding: 496px; }
.padding497 { padding: 497px; }
.padding498 { padding: 498px; }
.padding499 { padding: 499px; }
.padding500 { padding: 500px; }

/* Padding Block - Top and Bottom */
.paddingBlock0 { padding-block: 0; }
.paddingBlock1 { padding-block: 1px; }
.paddingBlock2 { padding-block: 2px; }
.paddingBlock3 { padding-block: 3px; }
.paddingBlock4 { padding-block: 4px; }
.paddingBlock5 { padding-block: 5px; }
.paddingBlock6 { padding-block: 6px; }
.paddingBlock7 { padding-block: 7px; }
.paddingBlock8 { padding-block: 8px; }
.paddingBlock9 { padding-block: 9px; }
.paddingBlock10 { padding-block: 10px; }
.paddingBlock11 { padding-block: 11px; }
.paddingBlock12 { padding-block: 12px; }
.paddingBlock13 { padding-block: 13px; }
.paddingBlock14 { padding-block: 14px; }
.paddingBlock15 { padding-block: 15px; }
.paddingBlock16 { padding-block: 16px; }
.paddingBlock17 { padding-block: 17px; }
.paddingBlock18 { padding-block: 18px; }
.paddingBlock19 { padding-block: 19px; }
.paddingBlock20 { padding-block: 20px; }
.paddingBlock21 { padding-block: 21px; }
.paddingBlock22 { padding-block: 22px; }
.paddingBlock23 { padding-block: 23px; }
.paddingBlock24 { padding-block: 24px; }
.paddingBlock25 { padding-block: 25px; }
.paddingBlock26 { padding-block: 26px; }
.paddingBlock27 { padding-block: 27px; }
.paddingBlock28 { padding-block: 28px; }
.paddingBlock29 { padding-block: 29px; }
.paddingBlock30 { padding-block: 30px; }
.paddingBlock31 { padding-block: 31px; }
.paddingBlock32 { padding-block: 32px; }
.paddingBlock33 { padding-block: 33px; }
.paddingBlock34 { padding-block: 34px; }
.paddingBlock35 { padding-block: 35px; }
.paddingBlock36 { padding-block: 36px; }
.paddingBlock37 { padding-block: 37px; }
.paddingBlock38 { padding-block: 38px; }
.paddingBlock39 { padding-block: 39px; }
.paddingBlock40 { padding-block: 40px; }
.paddingBlock41 { padding-block: 41px; }
.paddingBlock42 { padding-block: 42px; }
.paddingBlock43 { padding-block: 43px; }
.paddingBlock44 { padding-block: 44px; }
.paddingBlock45 { padding-block: 45px; }
.paddingBlock46 { padding-block: 46px; }
.paddingBlock47 { padding-block: 47px; }
.paddingBlock48 { padding-block: 48px; }
.paddingBlock49 { padding-block: 49px; }
.paddingBlock50 { padding-block: 50px; }
.paddingBlock51 { padding-block: 51px; }
.paddingBlock52 { padding-block: 52px; }
.paddingBlock53 { padding-block: 53px; }
.paddingBlock54 { padding-block: 54px; }
.paddingBlock55 { padding-block: 55px; }
.paddingBlock56 { padding-block: 56px; }
.paddingBlock57 { padding-block: 57px; }
.paddingBlock58 { padding-block: 58px; }
.paddingBlock59 { padding-block: 59px; }
.paddingBlock60 { padding-block: 60px; }
.paddingBlock61 { padding-block: 61px; }
.paddingBlock62 { padding-block: 62px; }
.paddingBlock63 { padding-block: 63px; }
.paddingBlock64 { padding-block: 64px; }
.paddingBlock65 { padding-block: 65px; }
.paddingBlock66 { padding-block: 66px; }
.paddingBlock67 { padding-block: 67px; }
.paddingBlock68 { padding-block: 68px; }
.paddingBlock69 { padding-block: 69px; }
.paddingBlock70 { padding-block: 70px; }
.paddingBlock71 { padding-block: 71px; }
.paddingBlock72 { padding-block: 72px; }
.paddingBlock73 { padding-block: 73px; }
.paddingBlock74 { padding-block: 74px; }
.paddingBlock75 { padding-block: 75px; }
.paddingBlock76 { padding-block: 76px; }
.paddingBlock77 { padding-block: 77px; }
.paddingBlock78 { padding-block: 78px; }
.paddingBlock79 { padding-block: 79px; }
.paddingBlock80 { padding-block: 80px; }
.paddingBlock81 { padding-block: 81px; }
.paddingBlock82 { padding-block: 82px; }
.paddingBlock83 { padding-block: 83px; }
.paddingBlock84 { padding-block: 84px; }
.paddingBlock85 { padding-block: 85px; }
.paddingBlock86 { padding-block: 86px; }
.paddingBlock87 { padding-block: 87px; }
.paddingBlock88 { padding-block: 88px; }
.paddingBlock89 { padding-block: 89px; }
.paddingBlock90 { padding-block: 90px; }
.paddingBlock91 { padding-block: 91px; }
.paddingBlock92 { padding-block: 92px; }
.paddingBlock93 { padding-block: 93px; }
.paddingBlock94 { padding-block: 94px; }
.paddingBlock95 { padding-block: 95px; }
.paddingBlock96 { padding-block: 96px; }
.paddingBlock97 { padding-block: 97px; }
.paddingBlock98 { padding-block: 98px; }
.paddingBlock99 { padding-block: 99px; }
.paddingBlock100 { padding-block: 100px; }

/* Padding Inline - Left and Right */
.paddingInline0 { padding-inline: 0; }
.paddingInline1 { padding-inline: 1px; }
.paddingInline2 { padding-inline: 2px; }
.paddingInline3 { padding-inline: 3px; }
.paddingInline4 { padding-inline: 4px; }
.paddingInline5 { padding-inline: 5px; }
.paddingInline6 { padding-inline: 6px; }
.paddingInline7 { padding-inline: 7px; }
.paddingInline8 { padding-inline: 8px; }
.paddingInline9 { padding-inline: 9px; }
.paddingInline10 { padding-inline: 10px; }
.paddingInline11 { padding-inline: 11px; }
.paddingInline12 { padding-inline: 12px; }
.paddingInline13 { padding-inline: 13px; }
.paddingInline14 { padding-inline: 14px; }
.paddingInline15 { padding-inline: 15px; }
.paddingInline16 { padding-inline: 16px; }
.paddingInline17 { padding-inline: 17px; }
.paddingInline18 { padding-inline: 18px; }
.paddingInline19 { padding-inline: 19px; }
.paddingInline20 { padding-inline: 20px; }
.paddingInline21 { padding-inline: 21px; }
.paddingInline22 { padding-inline: 22px; }
.paddingInline23 { padding-inline: 23px; }
.paddingInline24 { padding-inline: 24px; }
.paddingInline25 { padding-inline: 25px; }
.paddingInline26 { padding-inline: 26px; }
.paddingInline27 { padding-inline: 27px; }
.paddingInline28 { padding-inline: 28px; }
.paddingInline29 { padding-inline: 29px; }
.paddingInline30 { padding-inline: 30px; }
.paddingInline31 { padding-inline: 31px; }
.paddingInline32 { padding-inline: 32px; }
.paddingInline33 { padding-inline: 33px; }
.paddingInline34 { padding-inline: 34px; }
.paddingInline35 { padding-inline: 35px; }
.paddingInline36 { padding-inline: 36px; }
.paddingInline37 { padding-inline: 37px; }
.paddingInline38 { padding-inline: 38px; }
.paddingInline39 { padding-inline: 39px; }
.paddingInline40 { padding-inline: 40px; }
.paddingInline41 { padding-inline: 41px; }
.paddingInline42 { padding-inline: 42px; }
.paddingInline43 { padding-inline: 43px; }
.paddingInline44 { padding-inline: 44px; }
.paddingInline45 { padding-inline: 45px; }
.paddingInline46 { padding-inline: 46px; }
.paddingInline47 { padding-inline: 47px; }
.paddingInline48 { padding-inline: 48px; }
.paddingInline49 { padding-inline: 49px; }
.paddingInline50 { padding-inline: 50px; }
.paddingInline51 { padding-inline: 51px; }
.paddingInline52 { padding-inline: 52px; }
.paddingInline53 { padding-inline: 53px; }
.paddingInline54 { padding-inline: 54px; }
.paddingInline55 { padding-inline: 55px; }
.paddingInline56 { padding-inline: 56px; }
.paddingInline57 { padding-inline: 57px; }
.paddingInline58 { padding-inline: 58px; }
.paddingInline59 { padding-inline: 59px; }
.paddingInline60 { padding-inline: 60px; }
.paddingInline61 { padding-inline: 61px; }
.paddingInline62 { padding-inline: 62px; }
.paddingInline63 { padding-inline: 63px; }
.paddingInline64 { padding-inline: 64px; }
.paddingInline65 { padding-inline: 65px; }
.paddingInline66 { padding-inline: 66px; }
.paddingInline67 { padding-inline: 67px; }
.paddingInline68 { padding-inline: 68px; }
.paddingInline69 { padding-inline: 69px; }
.paddingInline70 { padding-inline: 70px; }
.paddingInline71 { padding-inline: 71px; }
.paddingInline72 { padding-inline: 72px; }
.paddingInline73 { padding-inline: 73px; }
.paddingInline74 { padding-inline: 74px; }
.paddingInline75 { padding-inline: 75px; }
.paddingInline76 { padding-inline: 76px; }
.paddingInline77 { padding-inline: 77px; }
.paddingInline78 { padding-inline: 78px; }
.paddingInline79 { padding-inline: 79px; }
.paddingInline80 { padding-inline: 80px; }
.paddingInline81 { padding-inline: 81px; }
.paddingInline82 { padding-inline: 82px; }
.paddingInline83 { padding-inline: 83px; }
.paddingInline84 { padding-inline: 84px; }
.paddingInline85 { padding-inline: 85px; }
.paddingInline86 { padding-inline: 86px; }
.paddingInline87 { padding-inline: 87px; }
.paddingInline88 { padding-inline: 88px; }
.paddingInline89 { padding-inline: 89px; }
.paddingInline90 { padding-inline: 90px; }
.paddingInline91 { padding-inline: 91px; }
.paddingInline92 { padding-inline: 92px; }
.paddingInline93 { padding-inline: 93px; }
.paddingInline94 { padding-inline: 94px; }
.paddingInline95 { padding-inline: 95px; }
.paddingInline96 { padding-inline: 96px; }
.paddingInline97 { padding-inline: 97px; }
.paddingInline98 { padding-inline: 98px; }
.paddingInline99 { padding-inline: 99px; }
.paddingInline100 { padding-inline: 100px; }
/* Padding Left */
.paddingLeft0 { padding-left: 0; }
.paddingLeft1 { padding-left: 1px; }
.paddingLeft2 { padding-left: 2px; }
.paddingLeft3 { padding-left: 3px; }
.paddingLeft4 { padding-left: 4px; }
.paddingLeft5 { padding-left: 5px; }
.paddingLeft6 { padding-left: 6px; }
.paddingLeft7 { padding-left: 7px; }
.paddingLeft8 { padding-left: 8px; }
.paddingLeft9 { padding-left: 9px; }
.paddingLeft10 { padding-left: 10px; }
.paddingLeft11 { padding-left: 11px; }
.paddingLeft12 { padding-left: 12px; }
.paddingLeft13 { padding-left: 13px; }
.paddingLeft14 { padding-left: 14px; }
.paddingLeft15 { padding-left: 15px; }
.paddingLeft16 { padding-left: 16px; }
.paddingLeft17 { padding-left: 17px; }
.paddingLeft18 { padding-left: 18px; }
.paddingLeft19 { padding-left: 19px; }
.paddingLeft20 { padding-left: 20px; }
.paddingLeft21 { padding-left: 21px; }
.paddingLeft22 { padding-left: 22px; }
.paddingLeft23 { padding-left: 23px; }
.paddingLeft24 { padding-left: 24px; }
.paddingLeft25 { padding-left: 25px; }
.paddingLeft26 { padding-left: 26px; }
.paddingLeft27 { padding-left: 27px; }
.paddingLeft28 { padding-left: 28px; }
.paddingLeft29 { padding-left: 29px; }
.paddingLeft30 { padding-left: 30px; }
.paddingLeft31 { padding-left: 31px; }
.paddingLeft32 { padding-left: 32px; }
.paddingLeft33 { padding-left: 33px; }
.paddingLeft34 { padding-left: 34px; }
.paddingLeft35 { padding-left: 35px; }
.paddingLeft36 { padding-left: 36px; }
.paddingLeft37 { padding-left: 37px; }
.paddingLeft38 { padding-left: 38px; }
.paddingLeft39 { padding-left: 39px; }
.paddingLeft40 { padding-left: 40px; }
.paddingLeft41 { padding-left: 41px; }
.paddingLeft42 { padding-left: 42px; }
.paddingLeft43 { padding-left: 43px; }
.paddingLeft44 { padding-left: 44px; }
.paddingLeft45 { padding-left: 45px; }
.paddingLeft46 { padding-left: 46px; }
.paddingLeft47 { padding-left: 47px; }
.paddingLeft48 { padding-left: 48px; }
.paddingLeft49 { padding-left: 49px; }
.paddingLeft50 { padding-left: 50px; }
.paddingLeft51 { padding-left: 51px; }
.paddingLeft52 { padding-left: 52px; }
.paddingLeft53 { padding-left: 53px; }
.paddingLeft54 { padding-left: 54px; }
.paddingLeft55 { padding-left: 55px; }
.paddingLeft56 { padding-left: 56px; }
.paddingLeft57 { padding-left: 57px; }
.paddingLeft58 { padding-left: 58px; }
.paddingLeft59 { padding-left: 59px; }
.paddingLeft60 { padding-left: 60px; }
.paddingLeft61 { padding-left: 61px; }
.paddingLeft62 { padding-left: 62px; }
.paddingLeft63 { padding-left: 63px; }
.paddingLeft64 { padding-left: 64px; }
.paddingLeft65 { padding-left: 65px; }
.paddingLeft66 { padding-left: 66px; }
.paddingLeft67 { padding-left: 67px; }
.paddingLeft68 { padding-left: 68px; }
.paddingLeft69 { padding-left: 69px; }
.paddingLeft70 { padding-left: 70px; }
.paddingLeft71 { padding-left: 71px; }
.paddingLeft72 { padding-left: 72px; }
.paddingLeft73 { padding-left: 73px; }
.paddingLeft74 { padding-left: 74px; }
.paddingLeft75 { padding-left: 75px; }
.paddingLeft76 { padding-left: 76px; }
.paddingLeft77 { padding-left: 77px; }
.paddingLeft78 { padding-left: 78px; }
.paddingLeft79 { padding-left: 79px; }
.paddingLeft80 { padding-left: 80px; }
.paddingLeft81 { padding-left: 81px; }
.paddingLeft82 { padding-left: 82px; }
.paddingLeft83 { padding-left: 83px; }
.paddingLeft84 { padding-left: 84px; }
.paddingLeft85 { padding-left: 85px; }
.paddingLeft86 { padding-left: 86px; }
.paddingLeft87 { padding-left: 87px; }
.paddingLeft88 { padding-left: 88px; }
.paddingLeft89 { padding-left: 89px; }
.paddingLeft90 { padding-left: 90px; }
.paddingLeft91 { padding-left: 91px; }
.paddingLeft92 { padding-left: 92px; }
.paddingLeft93 { padding-left: 93px; }
.paddingLeft94 { padding-left: 94px; }
.paddingLeft95 { padding-left: 95px; }
.paddingLeft96 { padding-left: 96px; }
.paddingLeft97 { padding-left: 97px; }
.paddingLeft98 { padding-left: 98px; }
.paddingLeft99 { padding-left: 99px; }
.paddingLeft100 { padding-left: 100px; }

/* Padding Right */
.paddingRight0 { padding-right: 0; }
.paddingRight1 { padding-right: 1px; }
.paddingRight2 { padding-right: 2px; }
.paddingRight3 { padding-right: 3px; }
.paddingRight4 { padding-right: 4px; }
.paddingRight5 { padding-right: 5px; }
.paddingRight6 { padding-right: 6px; }
.paddingRight7 { padding-right: 7px; }
.paddingRight8 { padding-right: 8px; }
.paddingRight9 { padding-right: 9px; }
.paddingRight10 { padding-right: 10px; }
.paddingRight11 { padding-right: 11px; }
.paddingRight12 { padding-right: 12px; }
.paddingRight13 { padding-right: 13px; }
.paddingRight14 { padding-right: 14px; }
.paddingRight15 { padding-right: 15px; }
.paddingRight16 { padding-right: 16px; }
.paddingRight17 { padding-right: 17px; }
.paddingRight18 { padding-right: 18px; }
.paddingRight19 { padding-right: 19px; }
.paddingRight20 { padding-right: 20px; }
.paddingRight21 { padding-right: 21px; }
.paddingRight22 { padding-right: 22px; }
.paddingRight23 { padding-right: 23px; }
.paddingRight24 { padding-right: 24px; }
.paddingRight25 { padding-right: 25px; }
.paddingRight26 { padding-right: 26px; }
.paddingRight27 { padding-right: 27px; }
.paddingRight28 { padding-right: 28px; }
.paddingRight29 { padding-right: 29px; }
.paddingRight30 { padding-right: 30px; }
.paddingRight31 { padding-right: 31px; }
.paddingRight32 { padding-right: 32px; }
.paddingRight33 { padding-right: 33px; }
.paddingRight34 { padding-right: 34px; }
.paddingRight35 { padding-right: 35px; }
.paddingRight36 { padding-right: 36px; }
.paddingRight37 { padding-right: 37px; }
.paddingRight38 { padding-right: 38px; }
.paddingRight39 { padding-right: 39px; }
.paddingRight40 { padding-right: 40px; }
.paddingRight41 { padding-right: 41px; }
.paddingRight42 { padding-right: 42px; }
.paddingRight43 { padding-right: 43px; }
.paddingRight44 { padding-right: 44px; }
.paddingRight45 { padding-right: 45px; }
.paddingRight46 { padding-right: 46px; }
.paddingRight47 { padding-right: 47px; }
.paddingRight48 { padding-right: 48px; }
.paddingRight49 { padding-right: 49px; }
.paddingRight50 { padding-right: 50px; }
.paddingRight51 { padding-right: 51px; }
.paddingRight52 { padding-right: 52px; }
.paddingRight53 { padding-right: 53px; }
.paddingRight54 { padding-right: 54px; }
.paddingRight55 { padding-right: 55px; }
.paddingRight56 { padding-right: 56px; }
.paddingRight57 { padding-right: 57px; }
.paddingRight58 { padding-right: 58px; }
.paddingRight59 { padding-right: 59px; }
.paddingRight60 { padding-right: 60px; }
.paddingRight61 { padding-right: 61px; }
.paddingRight62 { padding-right: 62px; }
.paddingRight63 { padding-right: 63px; }
.paddingRight64 { padding-right: 64px; }
.paddingRight65 { padding-right: 65px; }
.paddingRight66 { padding-right: 66px; }
.paddingRight67 { padding-right: 67px; }
.paddingRight68 { padding-right: 68px; }
.paddingRight69 { padding-right: 69px; }
.paddingRight70 { padding-right: 70px; }
.paddingRight71 { padding-right: 71px; }
.paddingRight72 { padding-right: 72px; }
.paddingRight73 { padding-right: 73px; }
.paddingRight74 { padding-right: 74px; }
.paddingRight75 { padding-right: 75px; }
.paddingRight76 { padding-right: 76px; }
.paddingRight77 { padding-right: 77px; }
.paddingRight78 { padding-right: 78px; }
.paddingRight79 { padding-right: 79px; }
.paddingRight80 { padding-right: 80px; }
.paddingRight81 { padding-right: 81px; }
.paddingRight82 { padding-right: 82px; }
.paddingRight83 { padding-right: 83px; }
.paddingRight84 { padding-right: 84px; }
.paddingRight85 { padding-right: 85px; }
.paddingRight86 { padding-right: 86px; }
.paddingRight87 { padding-right: 87px; }
.paddingRight88 { padding-right: 88px; }
.paddingRight89 { padding-right: 89px; }
.paddingRight90 { padding-right: 90px; }
.paddingRight91 { padding-right: 91px; }
.paddingRight92 { padding-right: 92px; }
.paddingRight93 { padding-right: 93px; }
.paddingRight94 { padding-right: 94px; }
.paddingRight95 { padding-right: 95px; }
.paddingRight96 { padding-right: 96px; }
.paddingRight97 { padding-right: 97px; }
.paddingRight98 { padding-right: 98px; }
.paddingRight99 { padding-right: 99px; }
.paddingRight100 { padding-right: 100px; }

/* Padding Top */
.paddingTop0 { padding-top: 0; }
.paddingTop1 { padding-top: 1px; }
.paddingTop2 { padding-top: 2px; }
.paddingTop3 { padding-top: 3px; }
.paddingTop4 { padding-top: 4px; }
.paddingTop5 { padding-top: 5px; }
.paddingTop6 { padding-top: 6px; }
.paddingTop7 { padding-top: 7px; }
.paddingTop8 { padding-top: 8px; }
.paddingTop9 { padding-top: 9px; }
.paddingTop10 { padding-top: 10px; }
.paddingTop11 { padding-top: 11px; }
.paddingTop12 { padding-top: 12px; }
.paddingTop13 { padding-top: 13px; }
.paddingTop14 { padding-top: 14px; }
.paddingTop15 { padding-top: 15px; }
.paddingTop16 { padding-top: 16px; }
.paddingTop17 { padding-top: 17px; }
.paddingTop18 { padding-top: 18px; }
.paddingTop19 { padding-top: 19px; }
.paddingTop20 { padding-top: 20px; }
.paddingTop21 { padding-top: 21px; }
.paddingTop22 { padding-top: 22px; }
.paddingTop23 { padding-top: 23px; }
.paddingTop24 { padding-top: 24px; }
.paddingTop25 { padding-top: 25px; }
.paddingTop26 { padding-top: 26px; }
.paddingTop27 { padding-top: 27px; }
.paddingTop28 { padding-top: 28px; }
.paddingTop29 { padding-top: 29px; }
.paddingTop30 { padding-top: 30px; }
.paddingTop31 { padding-top: 31px; }
.paddingTop32 { padding-top: 32px; }
.paddingTop33 { padding-top: 33px; }
.paddingTop34 { padding-top: 34px; }
.paddingTop35 { padding-top: 35px; }
.paddingTop36 { padding-top: 36px; }
.paddingTop37 { padding-top: 37px; }
.paddingTop38 { padding-top: 38px; }
.paddingTop39 { padding-top: 39px; }
.paddingTop40 { padding-top: 40px; }
.paddingTop41 { padding-top: 41px; }
.paddingTop42 { padding-top: 42px; }
.paddingTop43 { padding-top: 43px; }
.paddingTop44 { padding-top: 44px; }
.paddingTop45 { padding-top: 45px; }
.paddingTop46 { padding-top: 46px; }
.paddingTop47 { padding-top: 47px; }
.paddingTop48 { padding-top: 48px; }
.paddingTop49 { padding-top: 49px; }
.paddingTop50 { padding-top: 50px; }
.paddingTop51 { padding-top: 51px; }
.paddingTop52 { padding-top: 52px; }
.paddingTop53 { padding-top: 53px; }
.paddingTop54 { padding-top: 54px; }
.paddingTop55 { padding-top: 55px; }
.paddingTop56 { padding-top: 56px; }
.paddingTop57 { padding-top: 57px; }
.paddingTop58 { padding-top: 58px; }
.paddingTop59 { padding-top: 59px; }
.paddingTop60 { padding-top: 60px; }
.paddingTop61 { padding-top: 61px; }
.paddingTop62 { padding-top: 62px; }
.paddingTop63 { padding-top: 63px; }
.paddingTop64 { padding-top: 64px; }
.paddingTop65 { padding-top: 65px; }
.paddingTop66 { padding-top: 66px; }
.paddingTop67 { padding-top: 67px; }
.paddingTop68 { padding-top: 68px; }
.paddingTop69 { padding-top: 69px; }
.paddingTop70 { padding-top: 70px; }
.paddingTop71 { padding-top: 71px; }
.paddingTop72 { padding-top: 72px; }
.paddingTop73 { padding-top: 73px; }
.paddingTop74 { padding-top: 74px; }
.paddingTop75 { padding-top: 75px; }
.paddingTop76 { padding-top: 76px; }
.paddingTop77 { padding-top: 77px; }
.paddingTop78 { padding-top: 78px; }
.paddingTop79 { padding-top: 79px; }
.paddingTop80 { padding-top: 80px; }
.paddingTop81 { padding-top: 81px; }
.paddingTop82 { padding-top: 82px; }
.paddingTop83 { padding-top: 83px; }
.paddingTop84 { padding-top: 84px; }
.paddingTop85 { padding-top: 85px; }
.paddingTop86 { padding-top: 86px; }
.paddingTop87 { padding-top: 87px; }
.paddingTop88 { padding-top: 88px; }
.paddingTop89 { padding-top: 89px; }
.paddingTop90 { padding-top: 90px; }
.paddingTop91 { padding-top: 91px; }
.paddingTop92 { padding-top: 92px; }
.paddingTop93 { padding-top: 93px; }
.paddingTop94 { padding-top: 94px; }
.paddingTop95 { padding-top: 95px; }
.paddingTop96 { padding-top: 96px; }
.paddingTop97 { padding-top: 97px; }
.paddingTop98 { padding-top: 98px; }
.paddingTop99 { padding-top: 99px; }
.paddingTop100 { padding-top: 100px; }

/* Padding Bottom */
.paddingBottom0 { padding-bottom: 0; }
.paddingBottom1 { padding-bottom: 1px; }
.paddingBottom2 { padding-bottom: 2px; }
.paddingBottom3 { padding-bottom: 3px; }
.paddingBottom4 { padding-bottom: 4px; }
.paddingBottom5 { padding-bottom: 5px; }
.paddingBottom6 { padding-bottom: 6px; }
.paddingBottom7 { padding-bottom: 7px; }
.paddingBottom8 { padding-bottom: 8px; }
.paddingBottom9 { padding-bottom: 9px; }
.paddingBottom10 { padding-bottom: 10px; }
.paddingBottom11 { padding-bottom: 11px; }
.paddingBottom12 { padding-bottom: 12px; }
.paddingBottom13 { padding-bottom: 13px; }
.paddingBottom14 { padding-bottom: 14px; }
.paddingBottom15 { padding-bottom: 15px; }
.paddingBottom16 { padding-bottom: 16px; }
.paddingBottom17 { padding-bottom: 17px; }
.paddingBottom18 { padding-bottom: 18px; }
.paddingBottom19 { padding-bottom: 19px; }
.paddingBottom20 { padding-bottom: 20px; }
.paddingBottom21 { padding-bottom: 21px; }
.paddingBottom22 { padding-bottom: 22px; }
.paddingBottom23 { padding-bottom: 23px; }
.paddingBottom24 { padding-bottom: 24px; }
.paddingBottom25 { padding-bottom: 25px; }
.paddingBottom26 { padding-bottom: 26px; }
.paddingBottom27 { padding-bottom: 27px; }
.paddingBottom28 { padding-bottom: 28px; }
.paddingBottom29 { padding-bottom: 29px; }
.paddingBottom30 { padding-bottom: 30px; }
.paddingBottom31 { padding-bottom: 31px; }
.paddingBottom32 { padding-bottom: 32px; }
.paddingBottom33 { padding-bottom: 33px; }
.paddingBottom34 { padding-bottom: 34px; }
.paddingBottom35 { padding-bottom: 35px; }
.paddingBottom36 { padding-bottom: 36px; }
.paddingBottom37 { padding-bottom: 37px; }
.paddingBottom38 { padding-bottom: 38px; }
.paddingBottom39 { padding-bottom: 39px; }
.paddingBottom40 { padding-bottom: 40px; }
.paddingBottom41 { padding-bottom: 41px; }
.paddingBottom42 { padding-bottom: 42px; }
.paddingBottom43 { padding-bottom: 43px; }
.paddingBottom44 { padding-bottom: 44px; }
.paddingBottom45 { padding-bottom: 45px; }
.paddingBottom46 { padding-bottom: 46px; }
.paddingBottom47 { padding-bottom: 47px; }
.paddingBottom48 { padding-bottom: 48px; }
.paddingBottom49 { padding-bottom: 49px; }
.paddingBottom50 { padding-bottom: 50px; }
.paddingBottom51 { padding-bottom: 51px; }
.paddingBottom52 { padding-bottom: 52px; }
.paddingBottom53 { padding-bottom: 53px; }
.paddingBottom54 { padding-bottom: 54px; }
.paddingBottom55 { padding-bottom: 55px; }
.paddingBottom56 { padding-bottom: 56px; }
.paddingBottom57 { padding-bottom: 57px; }
.paddingBottom58 { padding-bottom: 58px; }
.paddingBottom59 { padding-bottom: 59px; }
.paddingBottom60 { padding-bottom: 60px; }
.paddingBottom61 { padding-bottom: 61px; }
.paddingBottom62 { padding-bottom: 62px; }
.paddingBottom63 { padding-bottom: 63px; }
.paddingBottom64 { padding-bottom: 64px; }
.paddingBottom65 { padding-bottom: 65px; }
.paddingBottom66 { padding-bottom: 66px; }
.paddingBottom67 { padding-bottom: 67px; }
.paddingBottom68 { padding-bottom: 68px; }
.paddingBottom69 { padding-bottom: 69px; }
.paddingBottom70 { padding-bottom: 70px; }
.paddingBottom71 { padding-bottom: 71px; }
.paddingBottom72 { padding-bottom: 72px; }
.paddingBottom73 { padding-bottom: 73px; }
.paddingBottom74 { padding-bottom: 74px; }
.paddingBottom75 { padding-bottom: 75px; }
.paddingBottom76 { padding-bottom: 76px; }
.paddingBottom77 { padding-bottom: 77px; }
.paddingBottom78 { padding-bottom: 78px; }
.paddingBottom79 { padding-bottom: 79px; }
.paddingBottom80 { padding-bottom: 80px; }
.paddingBottom81 { padding-bottom: 81px; }
.paddingBottom82 { padding-bottom: 82px; }
.paddingBottom83 { padding-bottom: 83px; }
.paddingBottom84 { padding-bottom: 84px; }
.paddingBottom85 { padding-bottom: 85px; }
.paddingBottom86 { padding-bottom: 86px; }
.paddingBottom87 { padding-bottom: 87px; }
.paddingBottom88 { padding-bottom: 88px; }
.paddingBottom89 { padding-bottom: 89px; }
.paddingBottom90 { padding-bottom: 90px; }
.paddingBottom91 { padding-bottom: 91px; }
.paddingBottom92 { padding-bottom: 92px; }
.paddingBottom93 { padding-bottom: 93px; }
.paddingBottom94 { padding-bottom: 94px; }
.paddingBottom95 { padding-bottom: 95px; }
.paddingBottom96 { padding-bottom: 96px; }
.paddingBottom97 { padding-bottom: 97px; }
.paddingBottom98 { padding-bottom: 98px; }
.paddingBottom99 { padding-bottom: 99px; }
.paddingBottom100 { padding-bottom: 100px; }

/* General Margin - All Sides (0px to 500px) */
.margin0 { margin: 0px; }
.margin1 { margin: 1px; }
.margin2 { margin: 2px; }
.margin3 { margin: 3px; }
.margin4 { margin: 4px; }
.margin5 { margin: 5px; }
.margin6 { margin: 6px; }
.margin7 { margin: 7px; }
.margin8 { margin: 8px; }
.margin9 { margin: 9px; }
.margin10 { margin: 10px; }
.margin11 { margin: 11px; }
.margin12 { margin: 12px; }
.margin13 { margin: 13px; }
.margin14 { margin: 14px; }
.margin15 { margin: 15px; }
.margin16 { margin: 16px; }
.margin17 { margin: 17px; }
.margin18 { margin: 18px; }
.margin19 { margin: 19px; }
.margin20 { margin: 20px; }
.margin21 { margin: 21px; }
.margin22 { margin: 22px; }
.margin23 { margin: 23px; }
.margin24 { margin: 24px; }
.margin25 { margin: 25px; }
.margin26 { margin: 26px; }
.margin27 { margin: 27px; }
.margin28 { margin: 28px; }
.margin29 { margin: 29px; }
.margin30 { margin: 30px; }
.margin31 { margin: 31px; }
.margin32 { margin: 32px; }
.margin33 { margin: 33px; }
.margin34 { margin: 34px; }
.margin35 { margin: 35px; }
.margin36 { margin: 36px; }
.margin37 { margin: 37px; }
.margin38 { margin: 38px; }
.margin39 { margin: 39px; }
.margin40 { margin: 40px; }
.margin41 { margin: 41px; }
.margin42 { margin: 42px; }
.margin43 { margin: 43px; }
.margin44 { margin: 44px; }
.margin45 { margin: 45px; }
.margin46 { margin: 46px; }
.margin47 { margin: 47px; }
.margin48 { margin: 48px; }
.margin49 { margin: 49px; }
.margin50 { margin: 50px; }
.margin51 { margin: 51px; }
.margin52 { margin: 52px; }
.margin53 { margin: 53px; }
.margin54 { margin: 54px; }
.margin55 { margin: 55px; }
.margin56 { margin: 56px; }
.margin57 { margin: 57px; }
.margin58 { margin: 58px; }
.margin59 { margin: 59px; }
.margin60 { margin: 60px; }
.margin61 { margin: 61px; }
.margin62 { margin: 62px; }
.margin63 { margin: 63px; }
.margin64 { margin: 64px; }
.margin65 { margin: 65px; }
.margin66 { margin: 66px; }
.margin67 { margin: 67px; }
.margin68 { margin: 68px; }
.margin69 { margin: 69px; }
.margin70 { margin: 70px; }
.margin71 { margin: 71px; }
.margin72 { margin: 72px; }
.margin73 { margin: 73px; }
.margin74 { margin: 74px; }
.margin75 { margin: 75px; }
.margin76 { margin: 76px; }
.margin77 { margin: 77px; }
.margin78 { margin: 78px; }
.margin79 { margin: 79px; }
.margin80 { margin: 80px; }
.margin81 { margin: 81px; }
.margin82 { margin: 82px; }
.margin83 { margin: 83px; }
.margin84 { margin: 84px; }
.margin85 { margin: 85px; }
.margin86 { margin: 86px; }
.margin87 { margin: 87px; }
.margin88 { margin: 88px; }
.margin89 { margin: 89px; }
.margin90 { margin: 90px; }
.margin91 { margin: 91px; }
.margin92 { margin: 92px; }
.margin93 { margin: 93px; }
.margin94 { margin: 94px; }
.margin95 { margin: 95px; }
.margin96 { margin: 96px; }
.margin97 { margin: 97px; }
.margin98 { margin: 98px; }
.margin99 { margin: 99px; }
.margin100 { margin: 100px; }
.margin101 { margin: 101px; }
.margin102 { margin: 102px; }
.margin103 { margin: 103px; }
.margin104 { margin: 104px; }
.margin105 { margin: 105px; }
.margin106 { margin: 106px; }
.margin107 { margin: 107px; }
.margin108 { margin: 108px; }
.margin109 { margin: 109px; }
.margin110 { margin: 110px; }
.margin111 { margin: 111px; }
.margin112 { margin: 112px; }
.margin113 { margin: 113px; }
.margin114 { margin: 114px; }
.margin115 { margin: 115px; }
.margin116 { margin: 116px; }
.margin117 { margin: 117px; }
.margin118 { margin: 118px; }
.margin119 { margin: 119px; }
.margin120 { margin: 120px; }
.margin121 { margin: 121px; }
.margin122 { margin: 122px; }
.margin123 { margin: 123px; }
.margin124 { margin: 124px; }
.margin125 { margin: 125px; }
.margin126 { margin: 126px; }
.margin127 { margin: 127px; }
.margin128 { margin: 128px; }
.margin129 { margin: 129px; }
.margin130 { margin: 130px; }
.margin131 { margin: 131px; }
.margin132 { margin: 132px; }
.margin133 { margin: 133px; }
.margin134 { margin: 134px; }
.margin135 { margin: 135px; }
.margin136 { margin: 136px; }
.margin137 { margin: 137px; }
.margin138 { margin: 138px; }
.margin139 { margin: 139px; }
.margin140 { margin: 140px; }
.margin141 { margin: 141px; }
.margin142 { margin: 142px; }
.margin143 { margin: 143px; }
.margin144 { margin: 144px; }
.margin145 { margin: 145px; }
.margin146 { margin: 146px; }
.margin147 { margin: 147px; }
.margin148 { margin: 148px; }
.margin149 { margin: 149px; }
.margin150 { margin: 150px; }
.margin151 { margin: 151px; }
.margin152 { margin: 152px; }
.margin153 { margin: 153px; }
.margin154 { margin: 154px; }
.margin155 { margin: 155px; }
.margin156 { margin: 156px; }
.margin157 { margin: 157px; }
.margin158 { margin: 158px; }
.margin159 { margin: 159px; }
.margin160 { margin: 160px; }
.margin161 { margin: 161px; }
.margin162 { margin: 162px; }
.margin163 { margin: 163px; }
.margin164 { margin: 164px; }
.margin165 { margin: 165px; }
.margin166 { margin: 166px; }
.margin167 { margin: 167px; }
.margin168 { margin: 168px; }
.margin169 { margin: 169px; }
.margin170 { margin: 170px; }
.margin171 { margin: 171px; }
.margin172 { margin: 172px; }
.margin173 { margin: 173px; }
.margin174 { margin: 174px; }
.margin175 { margin: 175px; }
.margin176 { margin: 176px; }
.margin177 { margin: 177px; }
.margin178 { margin: 178px; }
.margin179 { margin: 179px; }
.margin180 { margin: 180px; }
.margin181 { margin: 181px; }
.margin182 { margin: 182px; }
.margin183 { margin: 183px; }
.margin184 { margin: 184px; }
.margin185 { margin: 185px; }
.margin186 { margin: 186px; }
.margin187 { margin: 187px; }
.margin188 { margin: 188px; }
.margin189 { margin: 189px; }
.margin190 { margin: 190px; }
.margin191 { margin: 191px; }
.margin192 { margin: 192px; }
.margin193 { margin: 193px; }
.margin194 { margin: 194px; }
.margin195 { margin: 195px; }
.margin196 { margin: 196px; }
.margin197 { margin: 197px; }
.margin198 { margin: 198px; }
.margin199 { margin: 199px; }
.margin200 { margin: 200px; }
.margin201 { margin: 201px; }
.margin202 { margin: 202px; }
.margin203 { margin: 203px; }
.margin204 { margin: 204px; }
.margin205 { margin: 205px; }
.margin206 { margin: 206px; }
.margin207 { margin: 207px; }
.margin208 { margin: 208px; }
.margin209 { margin: 209px; }
.margin210 { margin: 210px; }
.margin211 { margin: 211px; }
.margin212 { margin: 212px; }
.margin213 { margin: 213px; }
.margin214 { margin: 214px; }
.margin215 { margin: 215px; }
.margin216 { margin: 216px; }
.margin217 { margin: 217px; }
.margin218 { margin: 218px; }
.margin219 { margin: 219px; }
.margin220 { margin: 220px; }
.margin221 { margin: 221px; }
.margin222 { margin: 222px; }
.margin223 { margin: 223px; }
.margin224 { margin: 224px; }
.margin225 { margin: 225px; }
.margin226 { margin: 226px; }
.margin227 { margin: 227px; }
.margin228 { margin: 228px; }
.margin229 { margin: 229px; }
.margin230 { margin: 230px; }
.margin231 { margin: 231px; }
.margin232 { margin: 232px; }
.margin233 { margin: 233px; }
.margin234 { margin: 234px; }
.margin235 { margin: 235px; }
.margin236 { margin: 236px; }
.margin237 { margin: 237px; }
.margin238 { margin: 238px; }
.margin239 { margin: 239px; }
.margin240 { margin: 240px; }
.margin241 { margin: 241px; }
.margin242 { margin: 242px; }
.margin243 { margin: 243px; }
.margin244 { margin: 244px; }
.margin245 { margin: 245px; }
.margin246 { margin: 246px; }
.margin247 { margin: 247px; }
.margin248 { margin: 248px; }
.margin249 { margin: 249px; }
.margin250 { margin: 250px; }
.margin251 { margin: 251px; }
.margin252 { margin: 252px; }
.margin253 { margin: 253px; }
.margin254 { margin: 254px; }
.margin255 { margin: 255px; }
.margin256 { margin: 256px; }
.margin257 { margin: 257px; }
.margin258 { margin: 258px; }
.margin259 { margin: 259px; }
.margin260 { margin: 260px; }
.margin261 { margin: 261px; }
.margin262 { margin: 262px; }
.margin263 { margin: 263px; }
.margin264 { margin: 264px; }
.margin265 { margin: 265px; }
.margin266 { margin: 266px; }
.margin267 { margin: 267px; }
.margin268 { margin: 268px; }
.margin269 { margin: 269px; }
.margin270 { margin: 270px; }
.margin271 { margin: 271px; }
.margin272 { margin: 272px; }
.margin273 { margin: 273px; }
.margin274 { margin: 274px; }
.margin275 { margin: 275px; }
.margin276 { margin: 276px; }
.margin277 { margin: 277px; }
.margin278 { margin: 278px; }
.margin279 { margin: 279px; }
.margin280 { margin: 280px; }
.margin281 { margin: 281px; }
.margin282 { margin: 282px; }
.margin283 { margin: 283px; }
.margin284 { margin: 284px; }
.margin285 { margin: 285px; }
.margin286 { margin: 286px; }
.margin287 { margin: 287px; }
.margin288 { margin: 288px; }
.margin289 { margin: 289px; }
.margin290 { margin: 290px; }
.margin291 { margin: 291px; }
.margin292 { margin: 292px; }
.margin293 { margin: 293px; }
.margin294 { margin: 294px; }
.margin295 { margin: 295px; }
.margin296 { margin: 296px; }
.margin297 { margin: 297px; }
.margin298 { margin: 298px; }
.margin299 { margin: 299px; }
.margin300 { margin: 300px; }
.margin301 { margin: 301px; }
.margin302 { margin: 302px; }
.margin303 { margin: 303px; }
.margin304 { margin: 304px; }
.margin305 { margin: 305px; }
.margin306 { margin: 306px; }
.margin307 { margin: 307px; }
.margin308 { margin: 308px; }
.margin309 { margin: 309px; }
.margin310 { margin: 310px; }
.margin311 { margin: 311px; }
.margin312 { margin: 312px; }
.margin313 { margin: 313px; }
.margin314 { margin: 314px; }
.margin315 { margin: 315px; }
.margin316 { margin: 316px; }
.margin317 { margin: 317px; }
.margin318 { margin: 318px; }
.margin319 { margin: 319px; }
.margin320 { margin: 320px; }
.margin321 { margin: 321px; }
.margin322 { margin: 322px; }
.margin323 { margin: 323px; }
.margin324 { margin: 324px; }
.margin325 { margin: 325px; }
.margin326 { margin: 326px; }
.margin327 { margin: 327px; }
.margin328 { margin: 328px; }
.margin329 { margin: 329px; }
.margin330 { margin: 330px; }
.margin331 { margin: 331px; }
.margin332 { margin: 332px; }
.margin333 { margin: 333px; }
.margin334 { margin: 334px; }
.margin335 { margin: 335px; }
.margin336 { margin: 336px; }
.margin337 { margin: 337px; }
.margin338 { margin: 338px; }
.margin339 { margin: 339px; }
.margin340 { margin: 340px; }
.margin341 { margin: 341px; }
.margin342 { margin: 342px; }
.margin343 { margin: 343px; }
.margin344 { margin: 344px; }
.margin345 { margin: 345px; }
.margin346 { margin: 346px; }
.margin347 { margin: 347px; }
.margin348 { margin: 348px; }
.margin349 { margin: 349px; }
.margin350 { margin: 350px; }
.margin351 { margin: 351px; }
.margin352 { margin: 352px; }
.margin353 { margin: 353px; }
.margin354 { margin: 354px; }
.margin355 { margin: 355px; }
.margin356 { margin: 356px; }
.margin357 { margin: 357px; }
.margin358 { margin: 358px; }
.margin359 { margin: 359px; }
.margin360 { margin: 360px; }
.margin361 { margin: 361px; }
.margin362 { margin: 362px; }
.margin363 { margin: 363px; }
.margin364 { margin: 364px; }
.margin365 { margin: 365px; }
.margin366 { margin: 366px; }
.margin367 { margin: 367px; }
.margin368 { margin: 368px; }
.margin369 { margin: 369px; }
.margin370 { margin: 370px; }
.margin371 { margin: 371px; }
.margin372 { margin: 372px; }
.margin373 { margin: 373px; }
.margin374 { margin: 374px; }
.margin375 { margin: 375px; }
.margin376 { margin: 376px; }
.margin377 { margin: 377px; }
.margin378 { margin: 378px; }
.margin379 { margin: 379px; }
.margin380 { margin: 380px; }
.margin381 { margin: 381px; }
.margin382 { margin: 382px; }
.margin383 { margin: 383px; }
.margin384 { margin: 384px; }
.margin385 { margin: 385px; }
.margin386 { margin: 386px; }
.margin387 { margin: 387px; }
.margin388 { margin: 388px; }
.margin389 { margin: 389px; }
.margin390 { margin: 390px; }
.margin391 { margin: 391px; }
.margin392 { margin: 392px; }
.margin393 { margin: 393px; }
.margin394 { margin: 394px; }
.margin395 { margin: 395px; }
.margin396 { margin: 396px; }
.margin397 { margin: 397px; }
.margin398 { margin: 398px; }
.margin399 { margin: 399px; }
.margin400 { margin: 400px; }
.margin401 { margin: 401px; }
.margin402 { margin: 402px; }
.margin403 { margin: 403px; }
.margin404 { margin: 404px; }
.margin405 { margin: 405px; }
.margin406 { margin: 406px; }
.margin407 { margin: 407px; }
.margin408 { margin: 408px; }
.margin409 { margin: 409px; }
.margin410 { margin: 410px; }
.margin411 { margin: 411px; }
.margin412 { margin: 412px; }
.margin413 { margin: 413px; }
.margin414 { margin: 414px; }
.margin415 { margin: 415px; }
.margin416 { margin: 416px; }
.margin417 { margin: 417px; }
.margin418 { margin: 418px; }
.margin419 { margin: 419px; }
.margin420 { margin: 420px; }
.margin421 { margin: 421px; }
.margin422 { margin: 422px; }
.margin423 { margin: 423px; }
.margin424 { margin: 424px; }
.margin425 { margin: 425px; }
.margin426 { margin: 426px; }
.margin427 { margin: 427px; }
.margin428 { margin: 428px; }
.margin429 { margin: 429px; }
.margin430 { margin: 430px; }
.margin431 { margin: 431px; }
.margin432 { margin: 432px; }
.margin433 { margin: 433px; }
.margin434 { margin: 434px; }
.margin435 { margin: 435px; }
.margin436 { margin: 436px; }
.margin437 { margin: 437px; }
.margin438 { margin: 438px; }
.margin439 { margin: 439px; }
.margin440 { margin: 440px; }
.margin441 { margin: 441px; }
.margin442 { margin: 442px; }
.margin443 { margin: 443px; }
.margin444 { margin: 444px; }
.margin445 { margin: 445px; }
.margin446 { margin: 446px; }
.margin447 { margin: 447px; }
.margin448 { margin: 448px; }
.margin449 { margin: 449px; }
.margin450 { margin: 450px; }
.margin451 { margin: 451px; }
.margin452 { margin: 452px; }
.margin453 { margin: 453px; }
.margin454 { margin: 454px; }
.margin455 { margin: 455px; }
.margin456 { margin: 456px; }
.margin457 { margin: 457px; }
.margin458 { margin: 458px; }
.margin459 { margin: 459px; }
.margin460 { margin: 460px; }
.margin461 { margin: 461px; }
.margin462 { margin: 462px; }
.margin463 { margin: 463px; }
.margin464 { margin: 464px; }
.margin465 { margin: 465px; }
.margin466 { margin: 466px; }
.margin467 { margin: 467px; }
.margin468 { margin: 468px; }
.margin469 { margin: 469px; }
.margin470 { margin: 470px; }
.margin471 { margin: 471px; }
.margin472 { margin: 472px; }
.margin473 { margin: 473px; }
.margin474 { margin: 474px; }
.margin475 { margin: 475px; }
.margin476 { margin: 476px; }
.margin477 { margin: 477px; }
.margin478 { margin: 478px; }
.margin479 { margin: 479px; }
.margin480 { margin: 480px; }
.margin481 { margin: 481px; }
.margin482 { margin: 482px; }
.margin483 { margin: 483px; }
.margin484 { margin: 484px; }
.margin485 { margin: 485px; }
.margin486 { margin: 486px; }
.margin487 { margin: 487px; }
.margin488 { margin: 488px; }
.margin489 { margin: 489px; }
.margin490 { margin: 490px; }
.margin491 { margin: 491px; }
.margin492 { margin: 492px; }
.margin493 { margin: 493px; }
.margin494 { margin: 494px; }
.margin495 { margin: 495px; }
.margin496 { margin: 496px; }
.margin497 { margin: 497px; }
.margin498 { margin: 498px; }
.margin499 { margin: 499px; }
.margin500 { margin: 500px; }

/* Margin Left */
.marginLeft0 { margin-left: 0; }
.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft15 { margin-left: 15px; }
.marginLeft20 { margin-left: 20px; }
.marginLeft25 { margin-left: 25px; }
.marginLeft30 { margin-left: 30px; }
.marginLeft35 { margin-left: 35px; }
.marginLeft40 { margin-left: 40px; }
.marginLeft45 { margin-left: 45px; }
.marginLeft50 { margin-left: 50px; }
.marginLeft55 { margin-left: 55px; }
.marginLeft60 { margin-left: 60px; }
.marginLeft65 { margin-left: 65px; }
.marginLeft70 { margin-left: 70px; }
.marginLeft75 { margin-left: 75px; }
.marginLeft80 { margin-left: 80px; }
.marginLeft85 { margin-left: 85px; }
.marginLeft90 { margin-left: 90px; }
.marginLeft95 { margin-left: 95px; }
.marginLeft100 { margin-left: 100px; }

/* Margin Right */
.marginRight0 { margin-right: 0; }
.marginRight5 { margin-right: 5px; }
.marginRight10 { margin-right: 10px; }
.marginRight15 { margin-right: 15px; }
.marginRight20 { margin-right: 20px; }
.marginRight25 { margin-right: 25px; }
.marginRight30 { margin-right: 30px; }
.marginRight35 { margin-right: 35px; }
.marginRight40 { margin-right: 40px; }
.marginRight45 { margin-right: 45px; }
.marginRight50 { margin-right: 50px; }
.marginRight55 { margin-right: 55px; }
.marginRight60 { margin-right: 60px; }
.marginRight65 { margin-right: 65px; }
.marginRight70 { margin-right: 70px; }
.marginRight75 { margin-right: 75px; }
.marginRight80 { margin-right: 80px; }
.marginRight85 { margin-right: 85px; }
.marginRight90 { margin-right: 90px; }
.marginRight95 { margin-right: 95px; }
.marginRight100 { margin-right: 100px; }

/* Margin Block */
.marginBlock0 { margin-block: 0; }
.marginBlock5 { margin-block: 5px; }
.marginBlock10 { margin-block: 10px; }
.marginBlock15 { margin-block: 15px; }
.marginBlock20 { margin-block: 20px; }
.marginBlock25 { margin-block: 25px; }
.marginBlock30 { margin-block: 30px; }
.marginBlock35 { margin-block: 35px; }
.marginBlock40 { margin-block: 40px; }
.marginBlock45 { margin-block: 45px; }
.marginBlock50 { margin-block: 50px; }
.marginBlock55 { margin-block: 55px; }
.marginBlock60 { margin-block: 60px; }
.marginBlock65 { margin-block: 65px; }
.marginBlock70 { margin-block: 70px; }
.marginBlock75 { margin-block: 75px; }
.marginBlock80 { margin-block: 80px; }
.marginBlock85 { margin-block: 85px; }
.marginBlock90 { margin-block: 90px; }
.marginBlock95 { margin-block: 95px; }
.marginBlock100 { margin-block: 100px; }

/* Margin Inline */
.marginInline0 { margin-inline: 0; }
.marginInline5 { margin-inline: 5px; }
.marginInline10 { margin-inline: 10px; }
.marginInline15 { margin-inline: 15px; }
.marginInline20 { margin-inline: 20px; }
.marginInline25 { margin-inline: 25px; }
.marginInline30 { margin-inline: 30px; }
.marginInline35 { margin-inline: 35px; }
.marginInline40 { margin-inline: 40px; }
.marginInline45 { margin-inline: 45px; }
.marginInline50 { margin-inline: 50px; }
.marginInline55 { margin-inline: 55px; }
.marginInline60 { margin-inline: 60px; }
.marginInline65 { margin-inline: 65px; }
.marginInline70 { margin-inline: 70px; }
.marginInline75 { margin-inline: 75px; }
.marginInline80 { margin-inline: 80px; }
.marginInline85 { margin-inline: 85px; }
.marginInline90 { margin-inline: 90px; }
.marginInline95 { margin-inline: 95px; }
.marginInline100 { margin-inline: 100px; }

/* Margin Top */
.marginTop0 { margin-top: 0; }
.marginTop5 { margin-top: 5px; }
.marginTop10 { margin-top: 10px; }
.marginTop15 { margin-top: 15px; }
.marginTop20 { margin-top: 20px; }
.marginTop25 { margin-top: 25px; }
.marginTop30 { margin-top: 30px; }
.marginTop35 { margin-top: 35px; }
.marginTop40 { margin-top: 40px; }
.marginTop45 { margin-top: 45px; }
.marginTop50 { margin-top: 50px; }
.marginTop55 { margin-top: 55px; }
.marginTop60 { margin-top: 60px; }
.marginTop65 { margin-top: 65px; }
.marginTop70 { margin-top: 70px; }
.marginTop75 { margin-top: 75px; }
.marginTop80 { margin-top: 80px; }
.marginTop85 { margin-top: 85px; }
.marginTop90 { margin-top: 90px; }
.marginTop95 { margin-top: 95px; }
.marginTop100 { margin-top: 100px; }

/* Margin Bottom */
.marginBottom0 { margin-bottom: 0; }
.marginBottom5 { margin-bottom: 5px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom15 { margin-bottom: 15px; }
.marginBottom20 { margin-bottom: 20px; }
.marginBottom25 { margin-bottom: 25px; }
.marginBottom30 { margin-bottom: 30px; }
.marginBottom35 { margin-bottom: 35px; }
.marginBottom40 { margin-bottom: 40px; }
.marginBottom45 { margin-bottom: 45px; }
.marginBottom50 { margin-bottom: 50px; }
.marginBottom55 { margin-bottom: 55px; }
.marginBottom60 { margin-bottom: 60px; }
.marginBottom65 { margin-bottom: 65px; }
.marginBottom70 { margin-bottom: 70px; }
.marginBottom75 { margin-bottom: 75px; }
.marginBottom80 { margin-bottom: 80px; }
.marginBottom85 { margin-bottom: 85px; }
.marginBottom90 { margin-bottom: 90px; }
.marginBottom95 { margin-bottom: 95px; }
.marginBottom100 { margin-bottom: 100px; }


/* Gap Utility Classes (0px to 200px in 1px increments) */
.gap0 { gap: 0px; }
.gap1 { gap: 1px; }
.gap2 { gap: 2px; }
.gap3 { gap: 3px; }
.gap4 { gap: 4px; }
.gap5 { gap: 5px; }
.gap6 { gap: 6px; }
.gap7 { gap: 7px; }
.gap8 { gap: 8px; }
.gap9 { gap: 9px; }
.gap10 { gap: 10px; }
.gap11 { gap: 11px; }
.gap12 { gap: 12px; }
.gap13 { gap: 13px; }
.gap14 { gap: 14px; }
.gap15 { gap: 15px; }
.gap16 { gap: 16px; }
.gap17 { gap: 17px; }
.gap18 { gap: 18px; }
.gap19 { gap: 19px; }
.gap20 { gap: 20px; }
.gap21 { gap: 21px; }
.gap22 { gap: 22px; }
.gap23 { gap: 23px; }
.gap24 { gap: 24px; }
.gap25 { gap: 25px; }
.gap26 { gap: 26px; }
.gap27 { gap: 27px; }
.gap28 { gap: 28px; }
.gap29 { gap: 29px; }
.gap30 { gap: 30px; }
.gap31 { gap: 31px; }
.gap32 { gap: 32px; }
.gap33 { gap: 33px; }
.gap34 { gap: 34px; }
.gap35 { gap: 35px; }
.gap36 { gap: 36px; }
.gap37 { gap: 37px; }
.gap38 { gap: 38px; }
.gap39 { gap: 39px; }
.gap40 { gap: 40px; }
.gap41 { gap: 41px; }
.gap42 { gap: 42px; }
.gap43 { gap: 43px; }
.gap44 { gap: 44px; }
.gap45 { gap: 45px; }
.gap46 { gap: 46px; }
.gap47 { gap: 47px; }
.gap48 { gap: 48px; }
.gap49 { gap: 49px; }
.gap50 { gap: 50px; }
.gap51 { gap: 51px; }
.gap52 { gap: 52px; }
.gap53 { gap: 53px; }
.gap54 { gap: 54px; }
.gap55 { gap: 55px; }
.gap56 { gap: 56px; }
.gap57 { gap: 57px; }
.gap58 { gap: 58px; }
.gap59 { gap: 59px; }
.gap60 { gap: 60px; }
.gap61 { gap: 61px; }
.gap62 { gap: 62px; }
.gap63 { gap: 63px; }
.gap64 { gap: 64px; }
.gap65 { gap: 65px; }
.gap66 { gap: 66px; }
.gap67 { gap: 67px; }
.gap68 { gap: 68px; }
.gap69 { gap: 69px; }
.gap70 { gap: 70px; }
.gap71 { gap: 71px; }
.gap72 { gap: 72px; }
.gap73 { gap: 73px; }
.gap74 { gap: 74px; }
.gap75 { gap: 75px; }
.gap76 { gap: 76px; }
.gap77 { gap: 77px; }
.gap78 { gap: 78px; }
.gap79 { gap: 79px; }
.gap80 { gap: 80px; }
.gap81 { gap: 81px; }
.gap82 { gap: 82px; }
.gap83 { gap: 83px; }
.gap84 { gap: 84px; }
.gap85 { gap: 85px; }
.gap86 { gap: 86px; }
.gap87 { gap: 87px; }
.gap88 { gap: 88px; }
.gap89 { gap: 89px; }
.gap90 { gap: 90px; }
.gap91 { gap: 91px; }
.gap92 { gap: 92px; }
.gap93 { gap: 93px; }
.gap94 { gap: 94px; }
.gap95 { gap: 95px; }
.gap96 { gap: 96px; }
.gap97 { gap: 97px; }
.gap98 { gap: 98px; }
.gap99 { gap: 99px; }
.gap100 { gap: 100px; }
.gap101 { gap: 101px; }
.gap102 { gap: 102px; }
.gap103 { gap: 103px; }
.gap104 { gap: 104px; }
.gap105 { gap: 105px; }
.gap106 { gap: 106px; }
.gap107 { gap: 107px; }
.gap108 { gap: 108px; }
.gap109 { gap: 109px; }
.gap110 { gap: 110px; }
.gap111 { gap: 111px; }
.gap112 { gap: 112px; }
.gap113 { gap: 113px; }
.gap114 { gap: 114px; }
.gap115 { gap: 115px; }
.gap116 { gap: 116px; }
.gap117 { gap: 117px; }
.gap118 { gap: 118px; }
.gap119 { gap: 119px; }
.gap120 { gap: 120px; }
.gap121 { gap: 121px; }
.gap122 { gap: 122px; }
.gap123 { gap: 123px; }
.gap124 { gap: 124px; }
.gap125 { gap: 125px; }
.gap126 { gap: 126px; }
.gap127 { gap: 127px; }
.gap128 { gap: 128px; }
.gap129 { gap: 129px; }
.gap130 { gap: 130px; }
.gap131 { gap: 131px; }
.gap132 { gap: 132px; }
.gap133 { gap: 133px; }
.gap134 { gap: 134px; }
.gap135 { gap: 135px; }
.gap136 { gap: 136px; }
.gap137 { gap: 137px; }
.gap138 { gap: 138px; }
.gap139 { gap: 139px; }
.gap140 { gap: 140px; }
.gap141 { gap: 141px; }
.gap142 { gap: 142px; }
.gap143 { gap: 143px; }
.gap144 { gap: 144px; }
.gap145 { gap: 145px; }
.gap146 { gap: 146px; }
.gap147 { gap: 147px; }
.gap148 { gap: 148px; }
.gap149 { gap: 149px; }
.gap150 { gap: 150px; }
.gap151 { gap: 151px; }
.gap152 { gap: 152px; }
.gap153 { gap: 153px; }
.gap154 { gap: 154px; }
.gap155 { gap: 155px; }
.gap156 { gap: 156px; }
.gap157 { gap: 157px; }
.gap158 { gap: 158px; }
.gap159 { gap: 159px; }
.gap160 { gap: 160px; }
.gap161 { gap: 161px; }
.gap162 { gap: 162px; }
.gap163 { gap: 163px; }
.gap164 { gap: 164px; }
.gap165 { gap: 165px; }
.gap166 { gap: 166px; }
.gap167 { gap: 167px; }
.gap168 { gap: 168px; }
.gap169 { gap: 169px; }
.gap170 { gap: 170px; }
.gap171 { gap: 171px; }
.gap172 { gap: 172px; }
.gap173 { gap: 173px; }
.gap174 { gap: 174px; }
.gap175 { gap: 175px; }
.gap176 { gap: 176px; }
.gap177 { gap: 177px; }
.gap178 { gap: 178px; }
.gap179 { gap: 179px; }
.gap180 { gap: 180px; }
.gap181 { gap: 181px; }
.gap182 { gap: 182px; }
.gap183 { gap: 183px; }
.gap184 { gap: 184px; }
.gap185 { gap: 185px; }
.gap186 { gap: 186px; }
.gap187 { gap: 187px; }
.gap188 { gap: 188px; }
.gap189 { gap: 189px; }
.gap190 { gap: 190px; }
.gap191 { gap: 191px; }
.gap192 { gap: 192px; }
.gap193 { gap: 193px; }
.gap194 { gap: 194px; }
.gap195 { gap: 195px; }
.gap196 { gap: 196px; }
.gap197 { gap: 197px; }
.gap198 { gap: 198px; }
.gap199 { gap: 199px; }
.gap200 { gap: 200px; }

/* Font Size */
.gradientText {
  background: linear-gradient(to bottom,white,  white, var(--tint8));
   background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 10px rgba(255, 255, 255, 0.2),
    0 0 8px rgba(61, 77, 255, 0.3),
    0 0 10px rgba(255, 255, 255, 0.2);
    color-scheme: light !important; 
}

.rainbowText {
  background: linear-gradient(to right,var(--accent2), var(--tint8), var(--accent2));
   background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
    color-scheme: light !important; 
}

.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textJustify { text-align: justify; }
.textBaseline { vertical-align: baseline; }
.textTop { vertical-align: text-top; }
.textBottom { vertical-align: text-bottom; }
.textSub { vertical-align: sub; }
.textSuper { vertical-align: super; }
.underline { text-decoration: underline solid; }
.lineThrough { text-decoration: line-through solid; }
.overline { text-decoration: overline solid; }
.textEllipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.textClip { white-space: nowrap; overflow: hidden; text-overflow: clip; }

.sizeInherit { font-size: inherit; }


            
p + p {
    margin-top: -0.05em !important;
}

.rem05 { font-size: 0.5rem; }
.rem06 { font-size: 0.6rem; }
.rem07 { font-size: 0.7rem; }
.rem08 { font-size: 0.8rem; }
.rem09 { font-size: 0.9rem; }
.rem1  { font-size: 1rem; }
.rem11 { font-size: 1.1rem; }
.rem12 { font-size: 1.2rem; }
.rem13 { font-size: 1.3rem; }
.rem14 { font-size: 1.4rem; }
.rem15 { font-size: 1.5rem; }
.rem16 { font-size: 1.6rem; }
.rem17 { font-size: 1.7rem; }
.rem18 { font-size: 1.8rem; }
.rem19 { font-size: 1.9rem; }
.rem2  { font-size: 2rem; }
.rem21 { font-size: 2.1rem; }
.rem22 { font-size: 2.2rem; }
.rem23 { font-size: 2.3rem; }
.rem24 { font-size: 2.4rem; }
.rem25 { font-size: 2.5rem; }
.rem26 { font-size: 2.6rem; }
.rem27 { font-size: 2.7rem; }
.rem28 { font-size: 2.8rem; }
.rem29 { font-size: 2.9rem; }
.rem3  { font-size: 3rem; }
.rem31 { font-size: 3.1rem; }
.rem32 { font-size: 3.2rem; }
.rem33 { font-size: 3.3rem; }
.rem34 { font-size: 3.4rem; }
.rem35 { font-size: 3.5rem; }
.rem36 { font-size: 3.6rem; }
.rem37 { font-size: 3.7rem; }
.rem38 { font-size: 3.8rem; }
.rem39 { font-size: 3.9rem; }
.rem4  { font-size: 4rem; }
.rem41 { font-size: 4.1rem; }
.rem42 { font-size: 4.2rem; }
.rem43 { font-size: 4.3rem; }
.rem44 { font-size: 4.4rem; }
.rem45 { font-size: 4.5rem; }
.rem46 { font-size: 4.6rem; }
.rem47 { font-size: 4.7rem; }
.rem48 { font-size: 4.8rem; }
.rem49 { font-size: 4.9rem; }
.rem5  { font-size: 5rem; }
.rem51 { font-size: 5.1rem; }
.rem52 { font-size: 5.2rem; }
.rem53 { font-size: 5.3rem; }
.rem54 { font-size: 5.4rem; }
.rem55 { font-size: 5.5rem; }
.rem56 { font-size: 5.6rem; }
.rem57 { font-size: 5.7rem; }
.rem58 { font-size: 5.8rem; }
.rem59 { font-size: 5.9rem; }
.rem6  { font-size: 6rem; }
.rem61 { font-size: 6.1rem; }
.rem62 { font-size: 6.2rem; }
.rem63 { font-size: 6.3rem; }
.rem64 { font-size: 6.4rem; }
.rem65 { font-size: 6.5rem; }
.rem66 { font-size: 6.6rem; }
.rem67 { font-size: 6.7rem; }
.rem68 { font-size: 6.8rem; }
.rem69 { font-size: 6.9rem; }
.rem7  { font-size: 7rem; }
.rem71 { font-size: 7.1rem; }
.rem72 { font-size: 7.2rem; }
.rem73 { font-size: 7.3rem; }
.rem74 { font-size: 7.4rem; }
.rem75 { font-size: 7.5rem; }
.rem76 { font-size: 7.6rem; }
.rem77 { font-size: 7.7rem; }
.rem78 { font-size: 7.8rem; }
.rem79 { font-size: 7.9rem; }
.rem8  { font-size: 8rem; }
.rem81 { font-size: 8.1rem; }
.rem82 { font-size: 8.2rem; }
.rem83 { font-size: 8.3rem; }
.rem84 { font-size: 8.4rem; }
.rem85 { font-size: 8.5rem; }
.rem86 { font-size: 8.6rem; }
.rem87 { font-size: 8.7rem; }
.rem88 { font-size: 8.8rem; }
.rem89 { font-size: 8.9rem; }
.rem9  { font-size: 9rem; }
.rem91 { font-size: 9.1rem; }
.rem92 { font-size: 9.2rem; }
.rem93 { font-size: 9.3rem; }
.rem94 { font-size: 9.4rem; }
.rem95 { font-size: 9.5rem; }
.rem96 { font-size: 9.6rem; }
.rem97 { font-size: 9.7rem; }
.rem98 { font-size: 9.8rem; }
.rem99 { font-size: 9.9rem; }


.size1 { font-size: 1px; }
.size2 { font-size: 2px; }
.size3 { font-size: 3px; }
.size4 { font-size: 4px; }
.size5 { font-size: 5px; }
.size6 { font-size: 6px; }
.size7 { font-size: 7px; }
.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }
.size19 { font-size: 19px; }
.size20 { font-size: 20px; }
.size21 { font-size: 21px; }
.size22 { font-size: 22px; }
.size23 { font-size: 23px; }
.size24 { font-size: 24px; }
.size25 { font-size: 25px; }
.size26 { font-size: 26px; }
.size27 { font-size: 27px; }
.size28 { font-size: 28px; }
.size29 { font-size: 29px; }
.size30 { font-size: 30px; }
.size31 { font-size: 31px; }
.size32 { font-size: 32px; }
.size33 { font-size: 33px; }
.size34 { font-size: 34px; }
.size35 { font-size: 35px; }
.size36 { font-size: 36px; }
.size37 { font-size: 37px; }
.size38 { font-size: 38px; }
.size39 { font-size: 39px; }
.size40 { font-size: 40px; }
.size41 { font-size: 41px; }
.size42 { font-size: 42px; }
.size43 { font-size: 43px; }
.size44 { font-size: 44px; }
.size45 { font-size: 45px; }
.size46 { font-size: 46px; }
.size47 { font-size: 47px; }
.size48 { font-size: 48px; }
.size49 { font-size: 49px; }
.size50 { font-size: 50px; }
.size51 { font-size: 51px; }
.size52 { font-size: 52px; }
.size53 { font-size: 53px; }
.size54 { font-size: 54px; }
.size55 { font-size: 55px; }
.size56 { font-size: 56px; }
.size57 { font-size: 57px; }
.size58 { font-size: 58px; }
.size59 { font-size: 59px; }
.size60 { font-size: 60px; }
.size61 { font-size: 61px; }
.size62 { font-size: 62px; }
.size63 { font-size: 63px; }
.size64 { font-size: 64px; }
.size65 { font-size: 65px; }
.size66 { font-size: 66px; }
.size67 { font-size: 67px; }
.size68 { font-size: 68px; }
.size69 { font-size: 69px; }
.size70 { font-size: 70px; }
.size71 { font-size: 71px; }
.size72 { font-size: 72px; }
.size73 { font-size: 73px; }
.size74 { font-size: 74px; }
.size75 { font-size: 75px; }
.size76 { font-size: 76px; }
.size77 { font-size: 77px; }
.size78 { font-size: 78px; }
.size79 { font-size: 79px; }
.size80 { font-size: 80px; }
.size81 { font-size: 81px; }
.size82 { font-size: 82px; }
.size83 { font-size: 83px; }
.size84 { font-size: 84px; }
.size85 { font-size: 85px; }
.size86 { font-size: 86px; }
.size87 { font-size: 87px; }
.size88 { font-size: 88px; }
.size89 { font-size: 89px; }
.size90 { font-size: 90px; }
.size91 { font-size: 91px; }
.size92 { font-size: 92px; }
.size93 { font-size: 93px; }
.size94 { font-size: 94px; }
.size95 { font-size: 95px; }
.size96 { font-size: 96px; }
.size97 { font-size: 97px; }
.size98 { font-size: 98px; }
.size99 { font-size: 99px; }
.size100 { font-size: 100px; }

.sizeInherit { font-size: inherit; }

.textWrap {  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;  }
.textBalance { text-wrap: balance; }
.cap { text-transform: capitalize; }
.upperCase { text-transform: uppercase; }
.lowerCase { text-transform: lowercase; }

/* Font Weight */
.str100 { font-weight: 100; }
.str200 { font-weight: 200; }
.str300 { font-weight: 300; }
.str400 { font-weight: 400; }
.str500 { font-weight: 500; }
.str600 { font-weight: 600; }
.str700 { font-weight: 700; }
.str800 { font-weight: 800; }
.str900 { font-weight: 900; }

.opacity0 { opacity: 0; }
.opacity01 { opacity: 0.01; }
.opacity05 { opacity: 0.05; }
.opacity1 { opacity: 0.1; }
.opacity2 { opacity: 0.2; }
.opacity3 { opacity: 0.3; }
.opacity4 { opacity: 0.4; }
.opacity5 { opacity: 0.5; }
.opacity6 { opacity: 0.6; }
.opacity7 { opacity: 0.7; }
.opacity8 { opacity: 0.8; }
.opacity9 { opacity: 0.9; }
.opacity10 { opacity: 1; }


.colorInherit { color: inherit; }/* Basic Colors */
.colorPrimary { color: var(--shade9) !important; }
/* --- Original Colors --- */
.white { color: white; }
.black { color: black; }

.gray { color: gray; }
.darkGray { color: rgb(50, 50, 50); }
.lightGray { color: lightgray; } /* Note: Using 'lightgray' for consistency */
.mediumGray { color: #808080; }

.red { color: red; }
.green { color: green; }
.blue { color: #040d6b; }
.yellow { color: #ffa806; }
.orange { color: orangered; }
.purple { color: purple; }
.pink { color: pink; }
.brown { color: rgb(66, 40, 18); }
.cyan { color: cyan; }
.magenta { color: magenta; }
.teal { color: teal; }
.lime { color: lime; }
.indigo { color: indigo; }
.violet { color: violet; }
.gold { color: gold; }
.silver { color: silver; }
.maroon { color: maroon; }
.navy { color: navy; }
.olive { color: olive; }

/* --- New Shades and Variants (Primary/Secondary) --- */

/* White/Neutral */
.offWhite { color: #f8f8f8; }
.charcoal { color: #36454F; }
.slate { color: #708090; }
.platinum { color: #e5e4e2; }

/* Red Family */
.darkRed { color: #8b0000; }
.lightRed { color: #f08080; }
.crimson { color: crimson; }

/* Green Family */
.darkGreen { color: #006400; }
.lightGreen { color: #90ee90; }
.seaGreen { color: seagreen; }

/* Blue Family */
.lightBlue { color: lightblue; }
.skyBlue { color: skyblue; }
.royalBlue { color: royalblue; }
.steelBlue { color: steelblue; }

/* Yellow/Orange Family */
.darkOrange { color: darkorange; }
.lightYellow { color: lightyellow; }
.khaki { color: khaki; }

/* Purple Family */
.darkViolet { color: darkviolet; }
.lavender { color: lavender; }
.orchid { color: orchid; }

/* --- New Colors --- */

/* Earth Tones */
.sienna { color: sienna; }
.chocolate { color: chocolate; }
.wheat { color: wheat; }
.bronze { color: #CD7F32; }
.copper { color: #B87333; }
.transparent { color: transparent; }


/* Text Colors */
.textRed50 { color: var(--red50); }
.textRed100 { color: var(--red100); }
.textRed200 { color: var(--red200); }
.textRed300 { color: var(--red300); }
.textRed400 { color: var(--red400); }
.textRed500 { color: var(--red500); }
.textRed600 { color: var(--red600); }
.textRed700 { color: var(--red700); }
.textRed800 { color: var(--red800); }
.textRed900 { color: var(--red900); }
.textRed950 { color: var(--red950); }
.textOrange50 { color: var(--orange50); }
.textOrange100 { color: var(--orange100); }
.textOrange200 { color: var(--orange200); }
.textOrange300 { color: var(--orange300); }
.textOrange400 { color: var(--orange400); }
.textOrange500 { color: var(--orange500); }
.textOrange600 { color: var(--orange600); }
.textOrange700 { color: var(--orange700); }
.textOrange800 { color: var(--orange800); }
.textOrange900 { color: var(--orange900); }
.textOrange950 { color: var(--orange950); }
.textAmber50 { color: var(--amber50); }
.textAmber100 { color: var(--amber100); }
.textAmber200 { color: var(--amber200); }
.textAmber300 { color: var(--amber300); }
.textAmber400 { color: var(--amber400); }
.textAmber500 { color: var(--amber500); }
.textAmber600 { color: var(--amber600); }
.textAmber700 { color: var(--amber700); }
.textAmber800 { color: var(--amber800); }
.textAmber900 { color: var(--amber900); }
.textAmber950 { color: var(--amber950); }
.textYellow50 { color: var(--yellow50); }
.textYellow100 { color: var(--yellow100); }
.textYellow200 { color: var(--yellow200); }
.textYellow300 { color: var(--yellow300); }
.textYellow400 { color: var(--yellow400); }
.textYellow500 { color: var(--yellow500); }
.textYellow600 { color: var(--yellow600); }
.textYellow700 { color: var(--yellow700); }
.textYellow800 { color: var(--yellow800); }
.textYellow900 { color: var(--yellow900); }
.textYellow950 { color: var(--yellow950); }
.textLime50 { color: var(--lime50); }
.textLime100 { color: var(--lime100); }
.textLime200 { color: var(--lime200); }
.textLime300 { color: var(--lime300); }
.textLime400 { color: var(--lime400); }
.textLime500 { color: var(--lime500); }
.textLime600 { color: var(--lime600); }
.textLime700 { color: var(--lime700); }
.textLime800 { color: var(--lime800); }
.textLime900 { color: var(--lime900); }
.textLime950 { color: var(--lime950); }
.textGreen50 { color: var(--green50); }
.textGreen100 { color: var(--green100); }
.textGreen200 { color: var(--green200); }
.textGreen300 { color: var(--green300); }
.textGreen400 { color: var(--green400); }
.textGreen500 { color: var(--green500); }
.textGreen600 { color: var(--green600); }
.textGreen700 { color: var(--green700); }
.textGreen800 { color: var(--green800); }
.textGreen900 { color: var(--green900); }
.textGreen950 { color: var(--green950); }
.textEmerald50 { color: var(--emerald50); }
.textEmerald100 { color: var(--emerald100); }
.textEmerald200 { color: var(--emerald200); }
.textEmerald300 { color: var(--emerald300); }
.textEmerald400 { color: var(--emerald400); }
.textEmerald500 { color: var(--emerald500); }
.textEmerald600 { color: var(--emerald600); }
.textEmerald700 { color: var(--emerald700); }
.textEmerald800 { color: var(--emerald800); }
.textEmerald900 { color: var(--emerald900); }
.textEmerald950 { color: var(--emerald950); }
.textTeal50 { color: var(--teal50); }
.textTeal100 { color: var(--teal100); }
.textTeal200 { color: var(--teal200); }
.textTeal300 { color: var(--teal300); }
.textTeal400 { color: var(--teal400); }
.textTeal500 { color: var(--teal500); }
.textTeal600 { color: var(--teal600); }
.textTeal700 { color: var(--teal700); }
.textTeal800 { color: var(--teal800); }
.textTeal900 { color: var(--teal900); }
.textTeal950 { color: var(--teal950); }
.textCyan50 { color: var(--cyan50); }
.textCyan100 { color: var(--cyan100); }
.textCyan200 { color: var(--cyan200); }
.textCyan300 { color: var(--cyan300); }
.textCyan400 { color: var(--cyan400); }
.textCyan500 { color: var(--cyan500); }
.textCyan600 { color: var(--cyan600); }
.textCyan700 { color: var(--cyan700); }
.textCyan800 { color: var(--cyan800); }
.textCyan900 { color: var(--cyan900); }
.textCyan950 { color: var(--cyan950); }
.textSky50 { color: var(--sky50); }
.textSky100 { color: var(--sky100); }
.textSky200 { color: var(--sky200); }
.textSky300 { color: var(--sky300); }
.textSky400 { color: var(--sky400); }
.textSky500 { color: var(--sky500); }
.textSky600 { color: var(--sky600); }
.textSky700 { color: var(--sky700); }
.textSky800 { color: var(--sky800); }
.textSky900 { color: var(--sky900); }
.textSky950 { color: var(--sky950); }
.textBlue50 { color: var(--blue50); }
.textBlue100 { color: var(--blue100); }
.textBlue200 { color: var(--blue200); }
.textBlue300 { color: var(--blue300); }
.textBlue400 { color: var(--blue400); }
.textBlue500 { color: var(--blue500); }
.textBlue600 { color: var(--blue600); }
.textBlue700 { color: var(--blue700); }
.textBlue800 { color: var(--blue800); }
.textBlue900 { color: var(--blue900); }
.textBlue950 { color: var(--blue950); }
.textIndigo50 { color: var(--indigo50); }
.textIndigo100 { color: var(--indigo100); }
.textIndigo200 { color: var(--indigo200); }
.textIndigo300 { color: var(--indigo300); }
.textIndigo400 { color: var(--indigo400); }
.textIndigo500 { color: var(--indigo500); }
.textIndigo600 { color: var(--indigo600); }
.textIndigo700 { color: var(--indigo700); }
.textIndigo800 { color: var(--indigo800); }
.textIndigo900 { color: var(--indigo900); }
.textIndigo950 { color: var(--indigo950); }
.textViolet50 { color: var(--violet50); }
.textViolet100 { color: var(--violet100); }
.textViolet200 { color: var(--violet200); }
.textViolet300 { color: var(--violet300); }
.textViolet400 { color: var(--violet400); }
.textViolet500 { color: var(--violet500); }
.textViolet600 { color: var(--violet600); }
.textViolet700 { color: var(--violet700); }
.textViolet800 { color: var(--violet800); }
.textViolet900 { color: var(--violet900); }
.textViolet950 { color: var(--violet950); }
.textPurple50 { color: var(--purple50); }
.textPurple100 { color: var(--purple100); }
.textPurple200 { color: var(--purple200); }
.textPurple300 { color: var(--purple300); }
.textPurple400 { color: var(--purple400); }
.textPurple500 { color: var(--purple500); }
.textPurple600 { color: var(--purple600); }
.textPurple700 { color: var(--purple700); }
.textPurple800 { color: var(--purple800); }
.textPurple900 { color: var(--purple900); }
.textPurple950 { color: var(--purple950); }
.textFuchsia50 { color: var(--fuchsia50); }
.textFuchsia100 { color: var(--fuchsia100); }
.textFuchsia200 { color: var(--fuchsia200); }
.textFuchsia300 { color: var(--fuchsia300); }
.textFuchsia400 { color: var(--fuchsia400); }
.textFuchsia500 { color: var(--fuchsia500); }
.textFuchsia600 { color: var(--fuchsia600); }
.textFuchsia700 { color: var(--fuchsia700); }
.textFuchsia800 { color: var(--fuchsia800); }
.textFuchsia900 { color: var(--fuchsia900); }
.textFuchsia950 { color: var(--fuchsia950); }
.textPink50 { color: var(--pink50); }
.textPink100 { color: var(--pink100); }
.textPink200 { color: var(--pink200); }
.textPink300 { color: var(--pink300); }
.textPink400 { color: var(--pink400); }
.textPink500 { color: var(--pink500); }
.textPink600 { color: var(--pink600); }
.textPink700 { color: var(--pink700); }
.textPink800 { color: var(--pink800); }
.textPink900 { color: var(--pink900); }
.textPink950 { color: var(--pink950); }
.textRose50 { color: var(--rose50); }
.textRose100 { color: var(--rose100); }
.textRose200 { color: var(--rose200); }
.textRose300 { color: var(--rose300); }
.textRose400 { color: var(--rose400); }
.textRose500 { color: var(--rose500); }
.textRose600 { color: var(--rose600); }
.textRose700 { color: var(--rose700); }
.textRose800 { color: var(--rose800); }
.textRose900 { color: var(--rose900); }
.textRose950 { color: var(--rose950); }
.textSlate50 { color: var(--slate50); }
.textSlate100 { color: var(--slate100); }
.textSlate200 { color: var(--slate200); }
.textSlate300 { color: var(--slate300); }
.textSlate400 { color: var(--slate400); }
.textSlate500 { color: var(--slate500); }
.textSlate600 { color: var(--slate600); }
.textSlate700 { color: var(--slate700); }
.textSlate800 { color: var(--slate800); }
.textSlate900 { color: var(--slate900); }
.textSlate950 { color: var(--slate950); }
.textGray50 { color: var(--gray50); }
.textGray100 { color: var(--gray100); }
.textGray200 { color: var(--gray200); }
.textGray300 { color: var(--gray300); }
.textGray400 { color: var(--gray400); }
.textGray500 { color: var(--gray500); }
.textGray600 { color: var(--gray600); }
.textGray700 { color: var(--gray700); }
.textGray800 { color: var(--gray800); }
.textGray900 { color: var(--gray900); }
.textGray950 { color: var(--gray950); }
.textZinc50 { color: var(--zinc50); }
.textZinc100 { color: var(--zinc100); }
.textZinc200 { color: var(--zinc200); }
.textZinc300 { color: var(--zinc300); }
.textZinc400 { color: var(--zinc400); }
.textZinc500 { color: var(--zinc500); }
.textZinc600 { color: var(--zinc600); }
.textZinc700 { color: var(--zinc700); }
.textZinc800 { color: var(--zinc800); }
.textZinc900 { color: var(--zinc900); }
.textZinc950 { color: var(--zinc950); }
.textNeutral50 { color: var(--neutral50); }
.textNeutral100 { color: var(--neutral100); }
.textNeutral200 { color: var(--neutral200); }
.textNeutral300 { color: var(--neutral300); }
.textNeutral400 { color: var(--neutral400); }
.textNeutral500 { color: var(--neutral500); }
.textNeutral600 { color: var(--neutral600); }
.textNeutral700 { color: var(--neutral700); }
.textNeutral800 { color: var(--neutral800); }
.textNeutral900 { color: var(--neutral900); }
.textNeutral950 { color: var(--neutral950); }
.textStone50 { color: var(--stone50); }
.textStone100 { color: var(--stone100); }
.textStone200 { color: var(--stone200); }
.textStone300 { color: var(--stone300); }
.textStone400 { color: var(--stone400); }
.textStone500 { color: var(--stone500); }
.textStone600 { color: var(--stone600); }
.textStone700 { color: var(--stone700); }
.textStone800 { color: var(--stone800); }
.textStone900 { color: var(--stone900); }
.textStone950 { color: var(--stone950); }

.lineHeight1 { line-height: 1.1em; }
.lineHeight2 { line-height: 1.2em; }
.lineHeight3 { line-height: 1.3em; }
.lineHeight4 { line-height: 1.4em; }
.lineHeight5 { line-height: 1.5em; }
.lineHeight6 { line-height: 1.6em; }
.lineHeight7 { line-height: 1.7em; }
.lineHeight8 { line-height: 1.8em; }
.lineHeight9 { line-height: 1.9em; }

/* Text Indent */
.indent0 { text-indent: 0; }
.indent5 { text-indent: 5px; }
.indent10 { text-indent: 10px; }
.indent15 { text-indent: 15px; }
.indent20 { text-indent: 20px; }
.indent25 { text-indent: 25px; }
.indent30 { text-indent: 30px; }
.indent35 { text-indent: 35px; }
.indent40 { text-indent: 40px; }
.indent45 { text-indent: 45px; }
.indent50 { text-indent: 50px; }
.indent55 { text-indent: 55px; }
.indent60 { text-indent: 60px; }
.indent65 { text-indent: 65px; }
.indent70 { text-indent: 70px; }
.indent75 { text-indent: 75px; }
.indent80 { text-indent: 80px; }
.indent85 { text-indent: 85px; }
.indent90 { text-indent: 90px; }
.indent95 { text-indent: 95px; }
.indent100 { text-indent: 100px; }

/* Letter Spacing */
.letterSpacing0 { letter-spacing: 0; }
.letterSpacing5 { letter-spacing: 5px; }
.letterSpacing10 { letter-spacing: 10px; }
.letterSpacing15 { letter-spacing: 15px; }
.letterSpacing20 { letter-spacing: 20px; }
.letterSpacing25 { letter-spacing: 25px; }
.letterSpacing30 { letter-spacing: 30px; }
.letterSpacing35 { letter-spacing: 35px; }
.letterSpacing40 { letter-spacing: 40px; }
.letterSpacing45 { letter-spacing: 45px; }
.letterSpacing50 { letter-spacing: 50px; }
.letterSpacing55 { letter-spacing: 55px; }
.letterSpacing60 { letter-spacing: 60px; }
.letterSpacing65 { letter-spacing: 65px; }
.letterSpacing70 { letter-spacing: 70px; }
.letterSpacing75 { letter-spacing: 75px; }
.letterSpacing80 { letter-spacing: 80px; }
.letterSpacing85 { letter-spacing: 85px; }
.letterSpacing90 { letter-spacing: 90px; }
.letterSpacing95 { letter-spacing: 95px; }
.letterSpacing100 { letter-spacing: 100px; }

/* Word Spacing */
.wordSpacing0 { word-spacing: 0; }
.wordSpacing5 { word-spacing: 5px; }
.wordSpacing10 { word-spacing: 10px; }
.wordSpacing15 { word-spacing: 15px; }
.wordSpacing20 { word-spacing: 20px; }
.wordSpacing25 { word-spacing: 25px; }
.wordSpacing30 { word-spacing: 30px; }
.wordSpacing35 { word-spacing: 35px; }
.wordSpacing40 { word-spacing: 40px; }
.wordSpacing45 { word-spacing: 45px; }
.wordSpacing50 { word-spacing: 50px; }
.wordSpacing55 { word-spacing: 55px; }
.wordSpacing60 { word-spacing: 60px; }
.wordSpacing65 { word-spacing: 65px; }
.wordSpacing70 { word-spacing: 70px; }
.wordSpacing75 { word-spacing: 75px; }
.wordSpacing80 { word-spacing: 80px; }
.wordSpacing85 { word-spacing: 85px; }
.wordSpacing90 { word-spacing: 90px; }
.wordSpacing95 { word-spacing: 95px; }
.wordSpacing100 { word-spacing: 100px; }


/* General Overflow */
.overflow0 { overflow: hidden; }
.overflow1 { overflow: auto; }
.overflow2 { overflow: scroll; }
.overflow3 { overflow: visible; }

/* Overflow-Y */
.overflow-y0 { overflow-y: hidden; }
.overflow-y1 { overflow-y: auto; }
.overflow-y2 { overflow-y: scroll; }
.overflow-y3 { overflow-y: visible; }

/* Overflow-X */
.overflow-x0 { overflow-x: hidden; }
.overflow-x1 { overflow-x: auto; }
.overflow-x2 { overflow-x: scroll; }
.overflow-x3 { overflow-x: visible; }

.transition { transition: all 0.6s ease-in-out; }
.transition0 { transition: none; }

/* Shadows */
.shadow1 { box-shadow: var(--shadow1); }
.shadow2 { box-shadow: var(--shadow2); }
.shadow3 { box-shadow: var(--shadow3); }
.shadowNone { box-shadow: none; }
.glowImg { filter: drop-shadow(0 0 1px #ffffff43) drop-shadow(0 0 10px var(--radial3)) drop-shadow(0 0 5px #ffffff46); transition: filter 0.3s ease; }
.glowImg2 { filter: drop-shadow(0 0 6px #ffffff21) drop-shadow(0 0 6px #ffffff21) drop-shadow(0 0 5px #ffffff46); transition: filter 0.3s ease; }
.glowImg3 { filter: drop-shadow(0 0 1px #ffffff15) drop-shadow(0 0 2px #ffffff17) drop-shadow(0 0 2px #ffffff28); transition: filter 0.3s ease; }

.index0 { z-index: 0; }
.index1 { z-index: 1; }
.index2 { z-index: 2; }
.index3 { z-index: 3; }
.index4 { z-index: 4; }
.index5 { z-index: 5; }
.index6 { z-index: 6; }
.index7 { z-index: 7; }
.index8 { z-index: 8; }
.index9 { z-index: 9; }
.index10 { z-index: 10; }
.index11 { z-index: 11; }
.index12 { z-index: 12; }
.index13 { z-index: 13; }
.index14 { z-index: 14; }
.index15 { z-index: 15; }
.index16 { z-index: 16; }
.index17 { z-index: 17; }
.index18 { z-index: 18; }
.index19 { z-index: 19; }
.index20 { z-index: 20; }
.index21 { z-index: 21; }
.index22 { z-index: 22; }
.index23 { z-index: 23; }
.index24 { z-index: 24; }
.index25 { z-index: 25; }
.index26 { z-index: 26; }
.index27 { z-index: 27; }
.index28 { z-index: 28; }
.index29 { z-index: 29; }
.index30 { z-index: 30; }
.index31 { z-index: 31; }
.index32 { z-index: 32; }
.index33 { z-index: 33; }
.index34 { z-index: 34; }
.index35 { z-index: 35; }
.index36 { z-index: 36; }
.index37 { z-index: 37; }
.index38 { z-index: 38; }
.index39 { z-index: 39; }
.index40 { z-index: 40; }
.index41 { z-index: 41; }
.index42 { z-index: 42; }
.index43 { z-index: 43; }
.index44 { z-index: 44; }
.index45 { z-index: 45; }
.index46 { z-index: 46; }
.index47 { z-index: 47; }
.index48 { z-index: 48; }
.index49 { z-index: 49; }
.index50 { z-index: 50; }
.index51 { z-index: 51; }
.index52 { z-index: 52; }
.index53 { z-index: 53; }
.index54 { z-index: 54; }
.index55 { z-index: 55; }
.index56 { z-index: 56; }
.index57 { z-index: 57; }
.index58 { z-index: 58; }
.index59 { z-index: 59; }
.index60 { z-index: 60; }
.index61 { z-index: 61; }
.index62 { z-index: 62; }
.index63 { z-index: 63; }
.index64 { z-index: 64; }
.index65 { z-index: 65; }
.index66 { z-index: 66; }
.index67 { z-index: 67; }
.index68 { z-index: 68; }
.index69 { z-index: 69; }
.index70 { z-index: 70; }
.index71 { z-index: 71; }
.index72 { z-index: 72; }
.index73 { z-index: 73; }
.index74 { z-index: 74; }
.index75 { z-index: 75; }
.index76 { z-index: 76; }
.index77 { z-index: 77; }
.index78 { z-index: 78; }
.index79 { z-index: 79; }
.index80 { z-index: 80; }
.index81 { z-index: 81; }
.index82 { z-index: 82; }
.index83 { z-index: 83; }
.index84 { z-index: 84; }
.index85 { z-index: 85; }
.index86 { z-index: 86; }
.index87 { z-index: 87; }
.index88 { z-index: 88; }
.index89 { z-index: 89; }
.index90 { z-index: 90; }
.index91 { z-index: 91; }
.index92 { z-index: 92; }
.index93 { z-index: 93; }
.index94 { z-index: 94; }
.index95 { z-index: 95; }
.index96 { z-index: 96; }
.index97 { z-index: 97; }
.index98 { z-index: 98; }
.index99 { z-index: 99; }
.index100 { z-index: 100; }

/* Default cursor */
.default { cursor: default; }
/* Arrow cursor */
.auto { cursor: auto; }
/* Crosshair cursor */
.crosshair { cursor: crosshair; }
/* Resize cursors */
.n-resize { cursor: n-resize; }
.ne-resize { cursor: ne-resize; }
.e-resize { cursor: e-resize; }
.se-resize { cursor: se-resize; }
.s-resize { cursor: s-resize; }
.sw-resize { cursor: sw-resize; }
.w-resize { cursor: w-resize; }
.nw-resize { cursor: nw-resize; }
/* Interactive cursors */
.pointer { cursor: pointer; }
.text { cursor: text; }
.move { cursor: move; }
.wait { cursor: wait; }
.progress { cursor: progress; }
.help { cursor: help; }

.grayscale { filter: grayscale(60%);}


.hoverOpacity1 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.1;} }
.hoverOpacity2 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.2;} }
.hoverOpacity3 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.3;} }
.hoverOpacity4 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.4;} }
.hoverOpacity5 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.5;} }
.hoverOpacity6 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.6;} }
.hoverOpacity7 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.7;} }
.hoverOpacity8 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.8;} }
.hoverOpacity9 { transition: all 0.6s ease-in-out; &:hover{ opacity: 0.9;} }
.hoverScale09 { transition: all 0.6s ease-in-out; &:hover { transform: scale(0.9 );}}
.hoverScale11 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.1 );}}
.hoverScale12 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.2 );}}
.hoverScale13 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.3 );}}
.hoverScale14 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.4 );}}
.hoverScale15 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.5 );}}
.hoverScale16 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.6 );}}
.hoverScale17 { transition: all 0.6s ease-in-out; &:hover { transform: scale(1.7 );}}

.hoverShadow1 { transition: box-shadow 0.3s ease-in-out; &:hover { box-shadow: var(--shadow1);} }
.hoverShadow2 { transition: box-shadow 0.3s ease-in-out; &:hover { box-shadow: var(--shadow2);} }
.hoverShadow3 { transition: box-shadow 0.3s ease-in-out; &:hover { box-shadow: var(--shadow3);} }

@media (min-width: 320px) {
  html {
    font-size: 8px;
  }
  .responsive { display: none !important; }
  body { -webkit-overflow-scrolling: touch; }
  body::-webkit-scrollbar { display: none; }
  a:hover, button:hover {
    transform: scale(1);
}
    .sub, .sub .ctrl.right {
        flex-direction: column;
        width: 100%;
        gap: 5px;
        align-items: end;
    }
}

@media (min-width: 425px) {
  html {
    font-size: 10px;
  }
  .responsive { display: none !important; }
  body { -webkit-overflow-scrolling: touch; }
  body::-webkit-scrollbar { display: none; }
  a:hover, button:hover {
    transform: scale(1);
}
    .sub, .sub .ctrl.right {
        flex-direction: column;
        width: 100%;
        gap: 5px;
        align-items: end;
    }
}

@media (min-width: 768px) {
  html {
    font-size: 10px;
  }
  .responsive { display: none !important; }
  body { -webkit-overflow-scrolling: touch; }
  body::-webkit-scrollbar { display: none; }
  a:hover, button:hover {
    transform: scale(1);
}
    .sub, .sub .ctrl.right {
        flex-direction: column;
        width: 100%;
        gap: 5px;
        align-items: end;
    }
}

@media (min-width: 1024px) {
  html {
    font-size: 12px;
  }
  .responsive { display: flex !important; }
}

@media (max-width: 1023px) {
    /*
    .abstractBG {
        color: white;
        background: 
            radial-gradient(circle at 10% 5%, var(--shade7), transparent 25%),
            radial-gradient(circle at 95% 10%,  var(--radial2), transparent 30%),
            radial-gradient(circle at 95% 90%,  rgb(11, 11, 214), transparent 24%),
            radial-gradient(circle at 10% 60%,  rgb(9, 9, 189), transparent 20%),
            radial-gradient(circle at 50% 50%,  var(--radial2), transparent 80%);
        background-blend-mode: exclusion;
        backdrop-filter: blur(10px);
        background-color: rgb(1, 1, 31);
    }
        */
}
