/*==============================================================================
################################################################################
Style Sets CSS is made specifically for Philippine Skylander's Inc's Dev Team. 
An official project of DataReachSolutions Team.
How to use:
    1. Ctrl+F
    2. If not found, just create one 
    3. Make sure it's in alphabetical order when added under the "Current Sets:" list.
        But the classes themselves don't need to be in order when added in this stylesheet.

    Current Sets:
        Background Colors           > .background-
        Font size (Font Awesome)    > .fa-fs
        Font size (Materials Icon)  > .md-fs
        Margin (top)                > .margin-top-
        Margin (bottom)             > .margin-bottom-
        Margin (right)              > .margin-right-
        Margin (left)               > .margin-left-
        Margin (left negative)      > .margin-left-neg-
        Min Height                  > .min-height-
        Padding (left)              > .pad-left-
        Padding (bottom)            > .pad-bottom-
        Padding (top)               > .pad-top-
        Row Buffer                  > .row-buffer-
        Width (percentile)          > .w-
        Width (pixel)               > .wpx-

================================================================================*/


/*==============================================================================
################################################################################
START OF Font Awesome Vals
*/
/* FA Font sizes fa-fs<SIZEinPX> */
.fa-fs8 {
    font-size: 8px !important;
}

.fa-fs9 {
    font-size: 9px !important;
}

.fa-fs10 {
    font-size: 10px !important;
}

.fa-fs12 {
    font-size: 12px !important;
}

.fa-fs14 {
    font-size: 14px !important;
}

.fa-fs16 {
    font-size: 16px !important;
}

.fa-fs18 {
    font-size: 18px !important;
}

.fa-fs20 {
    font-size: 20px !important;
}

.fa-fs22 {
    font-size: 22px !important;
}

.fa-fs24 {
    font-size: 24px !important;
}

.fa-fs26 {
    font-size: 26px !important;
}

.fa-fs28 {
    font-size: 28px !important;
}

.fa-fs30 {
    font-size: 30px !important;
}

.fa-fs32 {
    font-size: 32px !important;
}

.fa-fs34 {
    font-size: 34px !important;
}

.fa-fs36 {
    font-size: 36px !important;
}

.fa-fs38 {
    font-size: 38px !important;
}

.fa-fs40 {
    font-size: 40px !important;
}

.fa-fs42 {
    font-size: 42px !important;
}

.fa-fs44 {
    font-size: 44px !important;
}

.fa-fs46 {
    font-size: 46px !important;
}

.fa-fs48 {
    font-size: 48px !important;
}

.fa-fs50 {
    font-size: 50px !important;
}

.fa-fs52 {
    font-size: 52px !important;
}

.fa-fs54 {
    font-size: 54px !important;
}

.fa-fs56 {
    font-size: 56px !important;
}

.fa-fs58 {
    font-size: 58px !important;
}

.fa-fs60 {
    font-size: 60px !important;
}

.fa-fs62 {
    font-size: 62px !important;
}

.fa-fs64 {
    font-size: 64px !important;
}

.fa-fs66 {
    font-size: 66px !important;
}

.fa-fs68 {
    font-size: 68px !important;
}

.fa-fs70 {
    font-size: 70px !important;
}

.fa-fs72 {
    font-size: 72px !important;
}

.fa-fs74 {
    font-size: 74px !important;
}

.fa-fs76 {
    font-size: 76px !important;
}

.fa-fs78 {
    font-size: 78px !important;
}

.fa-fs80 {
    font-size: 80px !important;
}

.fa-fs82 {
    font-size: 82px !important;
}

.fa-fs84 {
    font-size: 84px !important;
}

.fa-fs86 {
    font-size: 86px !important;
}

.fa-fs88 {
    font-size: 88px !important;
}

.fa-fs90 {
    font-size: 90px !important;
}

.fa-fs92 {
    font-size: 92px !important;
}

.fa-fs94 {
    font-size: 94px !important;
}

.fa-fs96 {
    font-size: 96px !important;
}

.fa-fs98 {
    font-size: 98px !important;
}

.fa-fs100 {
    font-size: 100px !important;
}

.fa-fs102 {
    font-size: 102px !important;
}

.fa-fs104 {
    font-size: 104px !important;
}

.fa-fs106 {
    font-size: 106px !important;
}

.fa-fs108 {
    font-size: 108px !important;
}

/*
END OF Font Awesome Vals
================================================================================*/

/*==============================================================================
################################################################################
START OF Material Icon Vals
*/

/* MI Font sizes md-fs<SIZEinPX> */
.md-fs8 {
    font-size: 8px !important;
}

.md-fs10 {
    font-size: 10px !important;
}

.md-fs12 {
    font-size: 12px !important;
}

.md-fs14 {
    font-size: 14px !important;
}

.md-fs16 {
    font-size: 16px !important;
}

.md-fs18 {
    font-size: 18px !important;
}

.md-fs20 {
    font-size: 20px !important;
}

.md-fs22 {
    font-size: 22px !important;
}

.md-fs24 {
    font-size: 24px !important;
}

.md-fs26 {
    font-size: 26px !important;
}

.md-fs28 {
    font-size: 28px !important;
}

.md-fs30 {
    font-size: 30px !important;
}

.md-fs32 {
    font-size: 32px !important;
}

.md-fs34 {
    font-size: 34px !important;
}

.md-fs36 {
    font-size: 36px !important;
}

.md-fs38 {
    font-size: 38px !important;
}

.md-fs40 {
    font-size: 40px !important;
}

.md-fs42 {
    font-size: 42px !important;
}

.md-fs44 {
    font-size: 44px !important;
}

.md-fs46 {
    font-size: 46px !important;
}

.md-fs48 {
    font-size: 48px !important;
}

.md-fs50 {
    font-size: 50px !important;
}

.md-fs52 {
    font-size: 52px !important;
}

.md-fs54 {
    font-size: 54px !important;
}

.md-fs56 {
    font-size: 56px !important;
}

.md-fs58 {
    font-size: 58px !important;
}

.md-fs60 {
    font-size: 60px !important;
}

.md-fs62 {
    font-size: 62px !important;
}

.md-fs64 {
    font-size: 64px !important;
}

.md-fs66 {
    font-size: 66px !important;
}

.md-fs68 {
    font-size: 68px !important;
}

.md-fs70 {
    font-size: 70px !important;
}

.md-fs72 {
    font-size: 72px !important;
}

.md-fs74 {
    font-size: 74px !important;
}

.md-fs76 {
    font-size: 76px !important;
}

.md-fs78 {
    font-size: 78px !important;
}

.md-fs80 {
    font-size: 80px !important;
}

.md-fs82 {
    font-size: 82px !important;
}

.md-fs84 {
    font-size: 84px !important;
}

.md-fs86 {
    font-size: 86px !important;
}

.md-fs88 {
    font-size: 88px !important;
}

.md-fs90 {
    font-size: 90px !important;
}

.md-fs92 {
    font-size: 92px !important;
}

.md-fs94 {
    font-size: 94px !important;
}

.md-fs96 {
    font-size: 96px !important;
}

.md-fs98 {
    font-size: 98px !important;
}

.md-fs100 {
    font-size: 100px !important;
}

.md-fs102 {
    font-size: 102px !important;
}

.md-fs104 {
    font-size: 104px !important;
}

.md-fs106 {
    font-size: 106px !important;
}

.md-fs108 {
    font-size: 108px !important;
}



/*
END OF Material Icons Vals
================================================================================*/

/* padding */
.pad0 {
    padding: 0px !important;
}

/* padding-right */
.padright0 {
    padding-right: 0px !important;
}

.padright6 {
    padding-right: 6px !important;
}

.padright8 {
    padding-right: 8px !important;
}

.padright10 {
    padding-right: 10px !important;
}

.padright12 {
    padding-right: 12px !important;
}

.padright14 {
    padding-right: 14px !important;
}

.padright16 {
    padding-right: 16px !important;
}

.padright18 {
    padding-right: 18px !important;
}

.padright20 {
    padding-right: 20px !important;
}

.padright22 {
    padding-right: 22px !important;
}

.padright24 {
    padding-right: 24px !important;
}

.padright26 {
    padding-right: 26px !important;
}

.padright28 {
    padding-right: 28px !important;
}

.padright30 {
    padding-right: 30px !important;
}

.padright32 {
    padding-right: 32px !important;
}

.padright34 {
    padding-right: 34px !important;
}

.padright36 {
    padding-right: 36px !important;
}

.padright38 {
    padding-right: 38px !important;
}

.padright40 {
    padding-right: 40px !important;
}

.padright42 {
    padding-right: 42px !important;
}

.padright44 {
    padding-right: 44px !important;
}

.padright46 {
    padding-right: 46px !important;
}

.padright48 {
    padding-right: 48px !important;
}

.padright50 {
    padding-right: 50px !important;
}

.padright52 {
    padding-right: 52px !important;
}

.padright54 {
    padding-right: 54px !important;
}

.padright56 {
    padding-right: 56px !important;
}

.padright58 {
    padding-right: 58px !important;
}

.padright60 {
    padding-right: 60px !important;
}

.padright62 {
    padding-right: 62px !important;
}

.padright64 {
    padding-right: 64px !important;
}

.padright66 {
    padding-right: 66px !important;
}

.padright68 {
    padding-right: 68px !important;
}

.padright70 {
    padding-right: 70px !important;
}

.padright72 {
    padding-right: 72px !important;
}

.padright74 {
    padding-right: 74px !important;
}

.padright76 {
    padding-right: 76px !important;
}

.padright78 {
    padding-right: 78px !important;
}

.padright80 {
    padding-right: 80px !important;
}

.padright82 {
    padding-right: 82px !important;
}

.padright84 {
    padding-right: 84px !important;
}

.padright86 {
    padding-right: 86px !important;
}

.padright88 {
    padding-right: 88px !important;
}

.padright90 {
    padding-right: 90px !important;
}

.padright92 {
    padding-right: 92px !important;
}

.padright94 {
    padding-right: 94px !important;
}

.padright96 {
    padding-right: 96px !important;
}

.padright98 {
    padding-right: 98px !important;
}

.padright100 {
    padding-right: 100px !important;
}

.padright102 {
    padding-right: 102px !important;
}

.padright104 {
    padding-right: 104px !important;
}

.padright106 {
    padding-right: 106px !important;
}

.padright108 {
    padding-right: 108px !important;
}


/* padding-bottom */
.pad-bottom-0 {
    padding-bottom: 0px !important;
}

.pad-bottom-4 {
    padding-bottom: 4px !important;
}

.pad-bottom-6 {
    padding-bottom: 6px !important;
}

.pad-bottom-8 {
    padding-bottom: 8px !important;
}

.pad-bottom-10 {
    padding-bottom: 10px !important;
}

.pad-bottom-12 {
    padding-bottom: 12px !important;
}

.pad-bottom-14 {
    padding-bottom: 14px !important;
}

.pad-bottom-16 {
    padding-bottom: 16px !important;
}

.pad-bottom-18 {
    padding-bottom: 18px !important;
}

.pad-bottom-20 {
    padding-bottom: 20px !important;
}

.pad-bottom-22 {
    padding-bottom: 22px !important;
}

.pad-bottom-24 {
    padding-bottom: 24px !important;
}

.pad-bottom-26 {
    padding-bottom: 26px !important;
}

.pad-bottom-28 {
    padding-bottom: 28px !important;
}

.pad-bottom-30 {
    padding-bottom: 30px !important;
}

.pad-bottom-32 {
    padding-bottom: 32px !important;
}

.pad-bottom-34 {
    padding-bottom: 34px !important;
}

.pad-bottom-36 {
    padding-bottom: 36px !important;
}

.pad-bottom-38 {
    padding-bottom: 38px !important;
}

.pad-bottom-40 {
    padding-bottom: 40px !important;
}

.pad-bottom-42 {
    padding-bottom: 42px !important;
}

.pad-bottom-44 {
    padding-bottom: 44px !important;
}

.pad-bottom-46 {
    padding-bottom: 46px !important;
}

.pad-bottom-48 {
    padding-bottom: 48px !important;
}

.pad-bottom-50 {
    padding-bottom: 50px !important;
}

.pad-bottom-52 {
    padding-bottom: 52px !important;
}

.pad-bottom-54 {
    padding-bottom: 54px !important;
}

.pad-bottom-56 {
    padding-bottom: 56px !important;
}

.pad-bottom-58 {
    padding-bottom: 58px !important;
}

.pad-bottom-60 {
    padding-bottom: 60px !important;
}

.pad-bottom-62 {
    padding-bottom: 62px !important;
}

.pad-bottom-64 {
    padding-bottom: 64px !important;
}

.pad-bottom-66 {
    padding-bottom: 66px !important;
}

.pad-bottom-68 {
    padding-bottom: 68px !important;
}

.pad-bottom-70 {
    padding-bottom: 70px !important;
}

.pad-bottom-72 {
    padding-bottom: 72px !important;
}

.pad-bottom-74 {
    padding-bottom: 74px !important;
}

.pad-bottom-76 {
    padding-bottom: 76px !important;
}

.pad-bottom-78 {
    padding-bottom: 78px !important;
}

.pad-bottom-80 {
    padding-bottom: 80px !important;
}

.pad-bottom-82 {
    padding-bottom: 82px !important;
}

.pad-bottom-84 {
    padding-bottom: 84px !important;
}

.pad-bottom-86 {
    padding-bottom: 86px !important;
}

.pad-bottom-88 {
    padding-bottom: 88px !important;
}

.pad-bottom-90 {
    padding-bottom: 90px !important;
}

.pad-bottom-92 {
    padding-bottom: 92px !important;
}

.pad-bottom-94 {
    padding-bottom: 94px !important;
}

.pad-bottom-96 {
    padding-bottom: 96px !important;
}

.pad-bottom-98 {
    padding-bottom: 98px !important;
}

.pad-bottom-100 {
    padding-bottom: 100px !important;
}

.pad-bottom-102 {
    padding-bottom: 102px !important;
}

.pad-bottom-104 {
    padding-bottom: 104px !important;
}

.pad-bottom-106 {
    padding-bottom: 106px !important;
}

.pad-bottom-108 {
    padding-bottom: 108px !important;
}

/* padding-top */
.pad-top-0 {
    padding-top: 0px !important;
}

.pad-top-4 {
    padding-top: 4px !important;
}

.pad-top-6 {
    padding-top: 6px !important;
}

.pad-top-8 {
    padding-top: 8px !important;
}

.pad-top-10 {
    padding-top: 10px !important;
}

.pad-top-12 {
    padding-top: 12px !important;
}

.pad-top-14 {
    padding-top: 14px !important;
}

.pad-top-16 {
    padding-top: 16px !important;
}

.pad-top-18 {
    padding-top: 18px !important;
}

.pad-top-20 {
    padding-top: 20px !important;
}

.pad-top-22 {
    padding-top: 22px !important;
}

.pad-top-24 {
    padding-top: 24px !important;
}

.pad-top-26 {
    padding-top: 26px !important;
}

.pad-top-28 {
    padding-top: 28px !important;
}

.pad-top-30 {
    padding-top: 30px !important;
}

.pad-top-32 {
    padding-top: 32px !important;
}

.pad-top-34 {
    padding-top: 34px !important;
}

.pad-top-36 {
    padding-top: 36px !important;
}

.pad-top-38 {
    padding-top: 38px !important;
}

.pad-top-40 {
    padding-top: 40px !important;
}

.pad-top-42 {
    padding-top: 42px !important;
}

.pad-top-44 {
    padding-top: 44px !important;
}

.pad-top-46 {
    padding-top: 46px !important;
}

.pad-top-48 {
    padding-top: 48px !important;
}

.pad-top-50 {
    padding-top: 50px !important;
}

.pad-top-52 {
    padding-top: 52px !important;
}

.pad-top-54 {
    padding-top: 54px !important;
}

.pad-top-56 {
    padding-top: 56px !important;
}

.pad-top-58 {
    padding-top: 58px !important;
}

.pad-top-60 {
    padding-top: 60px !important;
}

.pad-top-62 {
    padding-top: 62px !important;
}

.pad-top-64 {
    padding-top: 64px !important;
}

.pad-top-66 {
    padding-top: 66px !important;
}

.pad-top-68 {
    padding-top: 68px !important;
}

.pad-top-70 {
    padding-top: 70px !important;
}

.pad-top-72 {
    padding-top: 72px !important;
}

.pad-top-74 {
    padding-top: 74px !important;
}

.pad-top-76 {
    padding-top: 76px !important;
}

.pad-top-78 {
    padding-top: 78px !important;
}

.pad-top-80 {
    padding-top: 80px !important;
}

.pad-top-82 {
    padding-top: 82px !important;
}

.pad-top-84 {
    padding-top: 84px !important;
}

.pad-top-86 {
    padding-top: 86px !important;
}

.pad-top-88 {
    padding-top: 88px !important;
}

.pad-top-90 {
    padding-top: 90px !important;
}

.pad-top-92 {
    padding-top: 92px !important;
}

.pad-top-94 {
    padding-top: 94px !important;
}

.pad-top-96 {
    padding-top: 96px !important;
}

.pad-top-98 {
    padding-top: 98px !important;
}

.pad-top-100 {
    padding-top: 100px !important;
}

.pad-top-102 {
    padding-top: 102px !important;
}

.pad-top-104 {
    padding-top: 104px !important;
}

.pad-top-106 {
    padding-top: 106px !important;
}

.pad-top-108 {
    padding-top: 108px !important;
}

.pad-top-124 {
    padding-top: 124px !important;
}

.pad-top-132 {
    padding-top: 132px !important;
}

.pad-top-180 {
    padding-top: 180px !important;
}

.pad-top-200 {
    padding-top: 200px !important;
}

/* padding-left */
.pad-left-0 {
    padding-left: 0px !important;
}

.pad-left-4 {
    padding-left: 4px !important;
}

.pad-left-6 {
    padding-left: 6px !important;
}

.pad-left-8 {
    padding-left: 8px !important;
}

.pad-left-10 {
    padding-left: 10px !important;
}

.pad-left-12 {
    padding-left: 12px !important;
}

.pad-left-14 {
    padding-left: 14px !important;
}

.pad-left-16 {
    padding-left: 16px !important;
}

.pad-left-18 {
    padding-left: 18px !important;
}

.pad-left-20 {
    padding-left: 20px !important;
}

.pad-left-22 {
    padding-left: 22px !important;
}

.pad-left-24 {
    padding-left: 24px !important;
}

.pad-left-26 {
    padding-left: 26px !important;
}

.pad-left-28 {
    padding-left: 28px !important;
}

.pad-left-30 {
    padding-left: 30px !important;
}

.pad-left-32 {
    padding-left: 32px !important;
}

.pad-left-34 {
    padding-left: 34px !important;
}

.pad-left-36 {
    padding-left: 36px !important;
}

.pad-left-38 {
    padding-left: 38px !important;
}

.pad-left-40 {
    padding-left: 40px !important;
}

.pad-left-42 {
    padding-left: 42px !important;
}

.pad-left-44 {
    padding-left: 44px !important;
}

.pad-left-46 {
    padding-left: 46px !important;
}

.pad-left-48 {
    padding-left: 48px !important;
}

.pad-left-50 {
    padding-left: 50px !important;
}

.pad-left-52 {
    padding-left: 52px !important;
}

.pad-left-54 {
    padding-left: 54px !important;
}

.pad-left-56 {
    padding-left: 56px !important;
}

.pad-left-58 {
    padding-left: 58px !important;
}

.pad-left-60 {
    padding-left: 60px !important;
}

.pad-left-62 {
    padding-left: 62px !important;
}

.pad-left-64 {
    padding-left: 64px !important;
}

.pad-left-66 {
    padding-left: 66px !important;
}

.pad-left-68 {
    padding-left: 68px !important;
}

.pad-left-70 {
    padding-left: 70px !important;
}

.pad-left-72 {
    padding-left: 72px !important;
}

.pad-left-74 {
    padding-left: 74px !important;
}

.pad-left-76 {
    padding-left: 76px !important;
}

.pad-left-78 {
    padding-left: 78px !important;
}

.pad-left-80 {
    padding-left: 80px !important;
}

.pad-left-82 {
    padding-left: 82px !important;
}

.pad-left-84 {
    padding-left: 84px !important;
}

.pad-left-86 {
    padding-left: 86px !important;
}

.pad-left-88 {
    padding-left: 88px !important;
}

.pad-left-90 {
    padding-left: 90px !important;
}

.pad-left-92 {
    padding-left: 92px !important;
}

.pad-left-94 {
    padding-left: 94px !important;
}

.pad-left-96 {
    padding-left: 96px !important;
}

.pad-left-98 {
    padding-left: 98px !important;
}

.pad-left-100 {
    padding-left: 100px !important;
}

.pad-left-102 {
    padding-left: 102px !important;
}

.pad-left-104 {
    padding-left: 104px !important;
}

.pad-left-106 {
    padding-left: 106px !important;
}

.pad-left-108 {
    padding-left: 108px !important;
}
/* Fine-tuned Percentile Widths */
.w-5 {
    width: 5% !important;
}

.w-8 {
    width: 8% !important;
}

.w-10 {
    width: 10% !important;
}

.w-12 {
    width: 12% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-22 {
    width: 22% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-32 {
    width: 32% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-44 {
    width: 44% !important;
}

.w-46 {
    width: 46% !important;
}

.w-48 {
    width: 48% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-52 {
    width: 52% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-68 {
    width: 68% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-84 {
    width: 84% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-96 {
    width: 96% !important;
}

.w-97 {
    width: 97% !important;
}

.w-98 {
    width: 98% !important;
}

.w-99 {
    width: 99% !important;
}

.w-100 {
    width: 100% !important;
}


/* wpx- width in pixels */
.wpx-0 {
    min-width: 0px !important;
    width: 0px !important;
    max-width: 0px !important;
}

.wpx-4 {
    min-width: 4px !important;
    width: 4px !important;
    max-width: 4px !important;
}

.wpx-8 {
    min-width: 8px !important;
    width: 8px !important;
    max-width: 8px !important;
}

.wpx-10 {
    min-width: 10px !important;
    width: 10px !important;
    max-width: 10px !important;
}

.wpx-12 {
    min-width: 12px !important;
    width: 12px !important;
    max-width: 12px !important;
}

.wpx-14 {
    min-width: 14px !important;
    width: 14px !important;
    max-width: 14px !important;
}

.wpx-16 {
    min-width: 16px !important;
    width: 16px !important;
    max-width: 16px !important;
}

.wpx-18 {
    min-width: 18px !important;
    width: 18px !important;
    max-width: 18px !important;
}

.wpx-20 {
    min-width: 20px !important;
    width: 20px !important;
    max-width: 20px !important;
}

.wpx-22 {
    min-width: 22px !important;
    width: 22px !important;
    max-width: 22px !important;
}

.wpx-24 {
    min-width: 24px !important;
    width: 24px !important;
    max-width: 24px !important;
}

.wpx-26 {
    min-width: 26px !important;
    width: 26px !important;
    max-width: 26px !important;
}

.wpx-28 {
    min-width: 28px !important;
    width: 28px !important;
    max-width: 28px !important;
}

.wpx-30 {
    min-width: 30px !important;
    width: 30px !important;
    max-width: 30px !important;
}

.wpx-32 {
    min-width: 32px !important;
    width: 32px !important;
    max-width: 32px !important;
}

.wpx-34 {
    min-width: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
}

.wpx-36 {
    min-width: 36px !important;
    width: 36px !important;
    max-width: 36px !important;
}

.wpx-38 {
    min-width: 38px !important;
    width: 38px !important;
    max-width: 38px !important;
}

.wpx-40 {
    min-width: 40px !important;
    width: 40px !important;
    max-width: 40px !important;
}

.wpx-42 {
    min-width: 42px !important;
    width: 42px !important;
    max-width: 42px !important;
}

.wpx-44 {
    min-width: 44px !important;
    width: 44px !important;
    max-width: 44px !important;
}

.wpx-46 {
    min-width: 46px !important;
    width: 46px !important;
    max-width: 46px !important;
}

.wpx-48 {
    min-width: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
}

.wpx-50 {
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px !important;
}

.wpx-52 {
    min-width: 52px !important;
    width: 52px !important;
    max-width: 52px !important;
}

.wpx-54 {
    min-width: 54px !important;
    width: 54px !important;
    max-width: 54px !important;
}

.wpx-56 {
    min-width: 56px !important;
    width: 56px !important;
    max-width: 56px !important;
}

.wpx-58 {
    min-width: 58px !important;
    width: 58px !important;
    max-width: 58px !important;
}

.wpx-60 {
    min-width: 60px !important;
    width: 60px !important;
    max-width: 60px !important;
}

.wpx-62 {
    min-width: 62px !important;
    width: 62px !important;
    max-width: 62px !important;
}

.wpx-64 {
    min-width: 64px !important;
    width: 64px !important;
    max-width: 64px !important;
}

.wpx-66 {
    min-width: 66px !important;
    width: 66px !important;
    max-width: 66px !important;
}

.wpx-68 {
    min-width: 68px !important;
    width: 68px !important;
    max-width: 68px !important;
}

.wpx-70 {
    min-width: 70px !important;
    width: 70px !important;
    max-width: 70px !important;
}

.wpx-72 {
    min-width: 72px !important;
    width: 72px !important;
    max-width: 72px !important;
}

.wpx-74 {
    min-width: 74px !important;
    width: 74px !important;
    max-width: 74px !important;
}

.wpx-76 {
    min-width: 76px !important;
    width: 76px !important;
    max-width: 76px !important;
}

.wpx-78 {
    min-width: 78px !important;
    width: 78px !important;
    max-width: 78px !important;
}

.wpx-80 {
    min-width: 80px !important;
    width: 80px !important;
    max-width: 80px !important;
}

.wpx-82 {
    min-width: 82px !important;
    width: 82px !important;
    max-width: 82px !important;
}

.wpx-84 {
    min-width: 84px !important;
    width: 84px !important;
    max-width: 84px !important;
}

.wpx-86 {
    min-width: 86px !important;
    width: 86px !important;
    max-width: 86px !important;
}

.wpx-88 {
    min-width: 88px !important;
    width: 88px !important;
    max-width: 88px !important;
}

.wpx-90 {
    min-width: 90px !important;
    width: 90px !important;
    max-width: 90px !important;
}

.wpx-92 {
    min-width: 92px !important;
    width: 92px !important;
    max-width: 92px !important;
}

.wpx-94 {
    min-width: 94px !important;
    width: 94px !important;
    max-width: 94px !important;
}

.wpx-96 {
    min-width: 96px !important;
    width: 96px !important;
    max-width: 96px !important;
}

.wpx-98 {
    min-width: 98px !important;
    width: 98px !important;
    max-width: 98px !important;
}

.wpx-100 {
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
}

.wpx-102 {
    min-width: 102px !important;
    width: 102px !important;
    max-width: 102px !important;
}

.wpx-104 {
    min-width: 104px !important;
    width: 104px !important;
    min-width: 104px !important;
}

.wpx-106 {
    min-width: 106px !important;
    width: 106px !important;
    max-width: 106px !important;
}

.wpx-108 {
    min-width: 108px !important;
    width: 108px !important;
    max-width: 108px !important;
}

.wpx-110 {
    min-width: 110px !important;
    width: 110px !important;
    max-width: 110px !important;
}

.wpx-112 {
    min-width: 112px !important;
    width: 112px !important;
    max-width: 112px !important;
}

.wpx-114 {
    min-width: 114px !important;
    width: 114px !important;
    min-width: 114px !important;
}

.wpx-116 {
    min-width: 116px !important;
    width: 116px !important;
    max-width: 116px !important;
}

.wpx-118 {
    min-width: 118px !important;
    width: 118px !important;
    max-width: 118px !important;
}

.wpx-120 {
    min-width: 120px !important;
    width: 120px !important;
    max-width: 120px !important;
}

.wpx-122 {
    min-width: 122px !important;
    width: 122px !important;
    max-width: 122px !important;
}

.wpx-124 {
    min-width: 124px !important;
    width: 124px !important;
    min-width: 124px !important;
}

.wpx-126 {
    min-width: 126px !important;
    width: 126px !important;
    max-width: 126px !important;
}

.wpx-128 {
    min-width: 128px !important;
    width: 128px !important;
    max-width: 128px !important;
}

.wpx-130 {
    min-width: 130px !important;
    width: 130px !important;
    max-width: 130px !important;
}

.wpx-132 {
    min-width: 132px !important;
    width: 132px !important;
    max-width: 132px !important;
}

.wpx-134 {
    min-width: 134px !important;
    width: 134px !important;
    min-width: 134px !important;
}

.wpx-136 {
    min-width: 136px !important;
    width: 136px !important;
    max-width: 136px !important;
}

.wpx-138 {
    min-width: 138px !important;
    width: 138px !important;
    max-width: 138px !important;
}

.wpx-140 {
    min-width: 140px !important;
    width: 140px !important;
    max-width: 140px !important;
}

.wpx-142 {
    min-width: 142px !important;
    width: 142px !important;
    max-width: 142px !important;
}

.wpx-144 {
    min-width: 144px !important;
    width: 144px !important;
    min-width: 144px !important;
}

.wpx-146 {
    min-width: 146px !important;
    width: 146px !important;
    max-width: 146px !important;
}

.wpx-148 {
    min-width: 148px !important;
    width: 148px !important;
    max-width: 148px !important;
}

.wpx-150 {
    min-width: 150px !important;
    width: 150px !important;
    max-width: 150px !important;
}

.wpx-152 {
    min-width: 152px !important;
    width: 152px !important;
    max-width: 152px !important;
}

.wpx-154 {
    min-width: 154px !important;
    width: 154px !important;
    min-width: 154px !important;
}

.wpx-156 {
    min-width: 156px !important;
    width: 156px !important;
    max-width: 156px !important;
}

.wpx-158 {
    min-width: 158px !important;
    width: 158px !important;
    max-width: 158px !important;
}

.wpx-160 {
    min-width: 160px !important;
    width: 160px !important;
    max-width: 160px !important;
}

.wpx-162 {
    min-width: 162px !important;
    width: 162px !important;
    max-width: 162px !important;
}

.wpx-164 {
    min-width: 164px !important;
    width: 164px !important;
    min-width: 164px !important;
}

.wpx-166 {
    min-width: 166px !important;
    width: 166px !important;
    max-width: 166px !important;
}

.wpx-168 {
    min-width: 168px !important;
    width: 168px !important;
    max-width: 168px !important;
}

.wpx-308 {
    min-width: 319px !important;
    width: 319px !important;
    max-width: 319px !important;
}

.wpx-test {
    width: 600px !important;
}
/* top margin set */
.margin-top-2 {
    margin-top: 2px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-12 {
    margin-top: 12px;
}

.margin-top-14 {
    margin-top: 14px;
}

.margin-top-16 {
    margin-top: 16px;
}

.margin-top-18 {
    margin-top: 18px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-top-24 {
    margin-top: 24px;
}

.margin-top-26 {
    margin-top: 26px;
}

.margin-top-28 {
    margin-top: 28px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-32 {
    margin-top: 32px;
}

.margin-top-34 {
    margin-top: 34px;
}

.margin-top-36 {
    margin-top: 36px;
}

.margin-top-38 {
    margin-top: 38px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-42 {
    margin-top: 42px;
}

.margin-top-44 {
    margin-top: 44px;
}

.margin-top-46 {
    margin-top: 46px;
}

.margin-top-48 {
    margin-top: 48px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-52 {
    margin-top: 52px;
}

.margin-top-54 {
    margin-top: 54px;
}

.margin-top-56 {
    margin-top: 56px;
}

.margin-top-58 {
    margin-top: 58px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-62 {
    margin-top: 62px;
}

.margin-top-64 {
    margin-top: 64px;
}


/* bottom margin set */
.margin-bottom-2 {
    margin-bottom: 2px;
}

.margin-bottom-4 {
    margin-bottom: 4px;
}

.margin-bottom-6 {
    margin-bottom: 6px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

.margin-bottom-14 {
    margin-bottom: 14px;
}

.margin-bottom-16 {
    margin-bottom: 16px;
}

.margin-bottom-18 {
    margin-bottom: 18px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-22 {
    margin-bottom: 22px;
}

.margin-bottom-24 {
    margin-bottom: 24px;
}

.margin-bottom-26 {
    margin-bottom: 26px;
}

.margin-bottom-28 {
    margin-bottom: 28px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-32 {
    margin-bottom: 32px;
}

.margin-bottom-34 {
    margin-bottom: 34px;
}

.margin-bottom-36 {
    margin-bottom: 36px;
}

.margin-bottom-38 {
    margin-bottom: 38px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-42 {
    margin-bottom: 42px;
}

.margin-bottom-44 {
    margin-bottom: 44px;
}

.margin-bottom-46 {
    margin-bottom: 46px;
}

.margin-bottom-48 {
    margin-bottom: 48px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-52 {
    margin-bottom: 52px;
}

.margin-bottom-54 {
    margin-bottom: 54px;
}

.margin-bottom-56 {
    margin-bottom: 56px;
}

.margin-bottom-58 {
    margin-bottom: 58px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-62 {
    margin-bottom: 62px;
}

.margin-bottom-64 {
    margin-bottom: 64px;
}

/* right margin set */
.margin-right-2 {
    margin-right: 2px;
}

.margin-right-4 {
    margin-right: 4px;
}

.margin-right-6 {
    margin-right: 6px;
}

.margin-right-8 {
    margin-right: 8px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-12 {
    margin-right: 12px;
}

.margin-right-14 {
    margin-right: 14px;
}

.margin-right-16 {
    margin-right: 16px;
}

.margin-right-18 {
    margin-right: 18px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-22 {
    margin-right: 22px;
}

.margin-right-24 {
    margin-right: 24px;
}

.margin-right-26 {
    margin-right: 26px;
}

.margin-right-28 {
    margin-right: 28px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-32 {
    margin-right: 32px;
}

.margin-right-34 {
    margin-right: 34px;
}

.margin-right-36 {
    margin-right: 36px;
}

.margin-right-38 {
    margin-right: 38px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-right-42 {
    margin-right: 42px;
}

.margin-right-44 {
    margin-right: 44px;
}

.margin-right-46 {
    margin-right: 46px;
}

.margin-right-48 {
    margin-right: 48px;
}

.margin-right-50 {
    margin-right: 50px;
}

.margin-right-52 {
    margin-right: 52px;
}

.margin-right-54 {
    margin-right: 54px;
}

.margin-right-56 {
    margin-right: 56px;
}

.margin-right-58 {
    margin-right: 58px;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-right-62 {
    margin-right: 62px;
}

.margin-right-64 {
    margin-right: 64px;
}

/* left margin set */
.margin-left-2 {
    margin-left: 2px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-left-6 {
    margin-left: 6px;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-left-14 {
    margin-left: 14px;
}

.margin-left-16 {
    margin-left: 16px;
}

.margin-left-18 {
    margin-left: 18px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-22 {
    margin-left: 22px;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-left-26 {
    margin-left: 26px;
}

.margin-left-28 {
    margin-left: 28px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-32 {
    margin-left: 32px;
}

.margin-left-34 {
    margin-left: 34px;
}

.margin-left-36 {
    margin-left: 36px;
}

.margin-left-38 {
    margin-left: 38px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-42 {
    margin-left: 42px;
}

.margin-left-44 {
    margin-left: 44px;
}

.margin-left-46 {
    margin-left: 46px;
}

.margin-left-48 {
    margin-left: 48px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-52 {
    margin-left: 52px;
}

.margin-left-54 {
    margin-left: 54px;
}

.margin-left-56 {
    margin-left: 56px;
}

.margin-left-58 {
    margin-left: 58px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-left-62 {
    margin-left: 62px;
}

.margin-left-64 {
    margin-left: 64px;
}
/* left-neg margin set */
.margin-left-neg-2 {
    margin-left: -2px;
}

.margin-left-neg-4 {
    margin-left: -4px;
}

.margin-left-neg-6 {
    margin-left: -6px;
}

.margin-left-neg-8 {
    margin-left: -8px;
}

.margin-left-neg-10 {
    margin-left: -10px;
}

.margin-left-neg-12 {
    margin-left: -12px;
}

.margin-left-neg-14 {
    margin-left: -14px;
}

.margin-left-neg-16 {
    margin-left: -16px;
}

.margin-left-neg-18 {
    margin-left: -18px;
}

.margin-left-neg-20 {
    margin-left: -20px;
}

.margin-left-neg-22 {
    margin-left: -22px;
}

.margin-left-neg-24 {
    margin-left: -24px;
}

.margin-left-neg-26 {
    margin-left: -26px;
}

.margin-left-neg-28 {
    margin-left: -28px;
}

.margin-left-neg-30 {
    margin-left: -30px;
}

.margin-left-neg-32 {
    margin-left: -32px;
}

.margin-left-neg-34 {
    margin-left: -34px;
}

.margin-left-neg-36 {
    margin-left: -36px;
}

.margin-left-neg-38 {
    margin-left: -38px;
}

.margin-left-neg-40 {
    margin-left: -40px;
}

.margin-left-neg-42 {
    margin-left: -42px;
}

.margin-left-neg-44 {
    margin-left: -44px;
}

.margin-left-neg-46 {
    margin-left: -46px;
}

.margin-left-neg-48 {
    margin-left: -48px;
}

.margin-left-neg-50 {
    margin-left: -50px;
}

.margin-left-neg-52 {
    margin-left: -52px;
}

.margin-left-neg-54 {
    margin-left: -54px;
}

.margin-left-neg-56 {
    margin-left: -56px;
}

.margin-left-neg-58 {
    margin-left: -58px;
}

.margin-left-neg-60 {
    margin-left: -60px;
}

.margin-left-neg-62 {
    margin-left: -62px;
}

.margin-left-neg-64 {
    margin-left: -64px;
}

/* min height set */
.min-height-64 {
    min-height: 64px;
}

.min-height-64-req {
    min-height: 64px !important;
}

.min-height-80 {
    min-height: 80px;
}

.min-height-96 {
    min-height: 96px;
}

.min-height-128 {
    min-height: 128px;
}

.min-height-240 {
    min-height: 240px;
}

.min-height-360 {
    min-height: 360px;
}

.min-height-480 {
    min-height: 480px;
}

.min-height-560 {
    min-height: 560px;
}

.min-height-640 {
    min-height: 640px;
}

/* row-buffer- height */
.row-buffer-0 {
    min-height: 0px !important;
    height: 0px !important;
    max-height: 0px !important;
}

.row-buffer-4 {
    min-height: 4px !important;
    height: 4px !important;
    max-height: 4px !important;
}

.row-buffer-8 {
    min-height: 8px !important;
    height: 8px !important;
    max-height: 8px !important;
}

.row-buffer-10 {
    min-height: 10px !important;
    height: 10px !important;
    max-height: 10px !important;
}

.row-buffer-12 {
    min-height: 12px !important;
    height: 12px !important;
    max-height: 12px !important;
}

.row-buffer-14 {
    min-height: 14px !important;
    height: 14px !important;
    max-height: 14px !important;
}

.row-buffer-16 {
    min-height: 16px !important;
    height: 16px !important;
    max-height: 16px !important;
}

.row-buffer-18 {
    min-height: 18px !important;
    height: 18px !important;
    max-height: 18px !important;
}

.row-buffer-20 {
    min-height: 20px !important;
    height: 20px !important;
    max-height: 20px !important;
}

.row-buffer-22 {
    min-height: 22px !important;
    height: 22px !important;
    max-height: 22px !important;
}

.row-buffer-24 {
    min-height: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
}

.row-buffer-26 {
    min-height: 26px !important;
    height: 26px !important;
    max-height: 26px !important;
}

.row-buffer-28 {
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
}

.row-buffer-30 {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
}

.row-buffer-32 {
    min-height: 32px !important;
    height: 32px !important;
    max-height: 32px !important;
}

.row-buffer-34 {
    min-height: 34px !important;
    height: 34px !important;
    max-height: 34px !important;
}

.row-buffer-36 {
    min-height: 36px !important;
    height: 36px !important;
    max-height: 36px !important;
}

.row-buffer-38 {
    min-height: 38px !important;
    height: 38px !important;
    max-height: 38px !important;
}

.row-buffer-40 {
    min-height: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
}

.row-buffer-42 {
    min-height: 42px !important;
    height: 42px !important;
    max-height: 42px !important;
}

.row-buffer-44 {
    min-height: 44px !important;
    height: 44px !important;
    max-height: 44px !important;
}

.row-buffer-46 {
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
}

.row-buffer-48 {
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
}

.row-buffer-50 {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
}

.row-buffer-52 {
    min-height: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
}

.row-buffer-54 {
    min-height: 54px !important;
    height: 54px !important;
    max-height: 54px !important;
}

.row-buffer-56 {
    min-height: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
}

.row-buffer-58 {
    min-height: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
}

.row-buffer-60 {
    min-height: 60px !important;
    height: 60px !important;
    max-height: 60px !important;
}

.row-buffer-62 {
    min-height: 62px !important;
    height: 62px !important;
    max-height: 62px !important;
}

.row-buffer-64 {
    min-height: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
}

.row-buffer-66 {
    min-height: 66px !important;
    height: 66px !important;
    max-height: 66px !important;
}

.row-buffer-68 {
    min-height: 68px !important;
    height: 68px !important;
    max-height: 68px !important;
}

.row-buffer-70 {
    min-height: 70px !important;
    height: 70px !important;
    max-height: 70px !important;
}

.row-buffer-72 {
    min-height: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
}

.row-buffer-74 {
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;
}

.row-buffer-76 {
    min-height: 76px !important;
    height: 76px !important;
    max-height: 76px !important;
}

.row-buffer-78 {
    min-height: 78px !important;
    height: 78px !important;
    max-height: 78px !important;
}

.row-buffer-80 {
    min-height: 80px !important;
    height: 80px !important;
    max-height: 80px !important;
}

.row-buffer-82 {
    min-height: 82px !important;
    height: 82px !important;
    max-height: 82px !important;
}

.row-buffer-84 {
    min-height: 84px !important;
    height: 84px !important;
    max-height: 84px !important;
}

.row-buffer-86 {
    min-height: 86px !important;
    height: 86px !important;
    max-height: 86px !important;
}

.row-buffer-88 {
    min-height: 88px !important;
    height: 88px !important;
    max-height: 88px !important;
}

.row-buffer-90 {
    min-height: 90px !important;
    height: 90px !important;
    max-height: 90px !important;
}

.row-buffer-92 {
    min-height: 92px !important;
    height: 92px !important;
    max-height: 92px !important;
}

.row-buffer-94 {
    min-height: 94px !important;
    height: 94px !important;
    max-height: 94px !important;
}

.row-buffer-96 {
    min-height: 96px !important;
    height: 96px !important;
    max-height: 96px !important;
}

.row-buffer-98 {
    min-height: 98px !important;
    height: 98px !important;
    max-height: 98px !important;
}

.row-buffer-100 {
    min-height: 100px !important;
    height: 100px !important;
    max-height: 100px !important;
}

.row-buffer-102 {
    min-height: 102px !important;
    height: 102px !important;
    max-height: 102px !important;
}

.row-buffer-104 {
    min-height: 104px !important;
    height: 104px !important;
    min-height: 104px !important;
}

.row-buffer-106 {
    min-height: 106px !important;
    height: 106px !important;
    max-height: 106px !important;
}

.row-buffer-108 {
    min-height: 108px !important;
    height: 108px !important;
    max-height: 108px !important;
}
.row-buffer-120 {
    min-height: 120px !important;
    height: 120px !important;
    max-height: 120px !important;
}
.row-buffer-140 {
    min-height: 140px !important;
    height: 140px !important;
    max-height: 140px !important;
}
.row-buffer-160 {
    min-height: 160px !important;
    height: 160px !important;
    max-height: 160px !important;
}
.row-buffer-180 {
    min-height: 180px !important;
    height: 180px !important;
    max-height: 180px !important;
}

/* background colors */
.background-yellow {
    background-color: yellow;
}