/*==============================================================================
################################################################################
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-
        Blank                       > .blank-
        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)              > .padleft
        Padding (bottom)            > .padbottom
        Padding (top)               > .padtop
        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 */
.padbottom0 {
    padding-bottom: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* padding-top */
.padtop0{
    padding-top: 0px !important;
}
.padtop4 {
    padding-top: 4px !important;
}
.padtop6 {
    padding-top: 6px !important;
}
.padtop8 {
    padding-top: 8px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padleft108 {
    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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.blank-108 {
    min-height: 108px !important;
    height: 108px !important;
    max-height: 108px !important;
}

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