/*v1.1
Latest update: 2019.Nov.7

Bell IT-DCX Frameworks All browsers generic styles and helpers
Do not modify/use this file to host styles for custom components
Contact Bell IT DCX UX Solution Architect for support and updates

Media Queries at the end of File

visibility styles*/
.hide {
    display: none !important;
}

.hidden {
    visibility: hidden
}

.block {
    display: block
}

.d-list-item {
    display: list-item
}

.inlineBlock {
    display: inline-block
}

.overflowHidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow: hidden;
    overflow-y: auto
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*Flex helpers*/
.container-flex-box-wrap {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.container-flex-box-no-wrap {
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap
}

.container-flex-grow-fill {
    flex-grow: 1
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-start {
    align-self: flex-start
}

.flex-direction-row-reverse {
    flex-direction: row-reverse;
}

.middle-align-self {
    align-self: center
}

.bottom-align-self {
    align-self: flex-end
}

.flex-end {
    align-self: flex-end
}

.flex-wrap {
    flex-wrap: wrap
}

.align-items-center {
    align-items: center
}

.flex-justify-space-between {
    justify-content: space-between
}

.column {
    flex-direction: column
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.flex-vCenter {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.justify-content-start {
    justify-content: flex-start
}

.flex1 {
    flex: 1
}

/*text colors*/
.txtBlack {
    color: #000
}

.txtBlack2 {
    color: #111
}

.txtBlackLight {
    color: #212121
}

.txtWhite {
    color: #fff
}

.txtBlueWhite {
    color: #f2f4f8;
}

.txtDarkGrey {
    color: #555
}

.txtGrey {
    color: #a1a5a6
}

.txtLightGray {
    color: #b4b4b4
}

.txtLightGray2 {
    color: #999
}

.txtBlue {
    color: #00549A
}

.txtBlueExtraLight {
    color: #c2cedf
}

.txtBlueExtraDark2 {
    color: #01215e
}

.txtBlueExtraDark3 {
    color: #003778
}

.txtRed {
    color: #bd2025
}

.txtGreen {
    color: #339043
}

.txtYellow {
    color: #E2A52C
}

.txtYellow1 {
    color: #C27F1F
}

.txtGray4A {
    color: #4A4A4A
}

.txtBlack2B {
    color: #2B2B2B
}

.txtBluea4 {
    color: #0066a4
}

.txt-grey-d4 {
    color: #D4D4D4
}

/* container box round, shadow, vignette, and bottom gradient */
.box-round-grey,
.box-vignette-round,
.box-shadow-round {
    border-radius: 10px
}

.box-round-grey {
    background-color: #f4f4f4
}

.box-vignette,
.box-vignette-round {
    box-shadow: inset 0 0 80px 30px rgba(0, 0, 0, .05)
}

.box-shadow,
.box-shadow-round {
    box-shadow: 0 6px 25px 0 rgba(0, 0, 0, .12)
}

.shadow-none {
    box-shadow: none
}

.bottom-gradient::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .07) 100%);
    bottom: 0;
    content: '';
    height: 100px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

/*background colours*/
.bgTransparent {
    background-color: transparent
}

.bgWhite {
    background-color: #fff
}

.bgBlack {
    background-color: black
}

.bgBlack2 {
    background-color: #111
}

.bgBlackLight {
    background-color: #212121
}

.bgGray {
    background-color: #ccc
}

.bgGray2 {
    background-color: #d6d6d6
}

.bgGray4 {
    background-color: #eee
}

.bgGray9 {
    background-color: #e2e2e2
}

.bgGray19 {
    background-color: #f4f4f4
}

.bgGrayLight {
    background-color: #eee
}

.bgGrayLight2 {
    background-color: #e1e1e1
}

.bgGrayLight3 {
    background-color: #d7d7d7
}

.bgGrayLight4 {
    background-color: #f0f0f0
}

.bgGrayLight5 {
    background-color: #f5f5f5
}

.bgGrayLight6 {
    background-color: #d4d4d4
}

.bgGrayLight7 {
    background-color: #6b6b6b
}

.bgGrayLight8 {
    background-color: #d3d3d3
}

.bgGrayLight9 {
    background-color: #979797
}

.bgGrayMedium2 {
    background-color: #404040
}

.bgLightGray {
    background-color: #999
}

.bgMediumGray {
    background-color: #555
}

.bgBlue {
    background-color: #00549a
}

.bgBlueDark {
    background-color: #003778
}

.bgBlueExtraDark {
    background-color: #003075
}

.bgBlueExtraDark2 {
    background-color: #01215e
}

.bgBlueExtraLight {
    background-color: #c2cedf
}

.bgBlueLight {
    background-color: #dae8f1;
}

.bgBlueDark2 {
    background-color: #025795
}

.bgRed {
    background-color: #c40000
}

.bgRed2 {
    background-color: #900
}

.bgBlue-radial-gradient {
    background: #00549a;
    background: -webkit-radial-gradient(#00549a 50%, #003778);
    background: -o-radial-gradient(#00549a 50%, #003778);
    background: -moz-radial-gradient(#00549a 50%, #003778);
    background: radial-gradient(#00549a 50%, #003778)
}

.bgDkBlue-radial-gradient {
    background: #00549a;
    background: -webkit-radial-gradient(#00549a 50%, #003778);
    background: -o-radial-gradient(#00549a 50%, #003778);
    background: -moz-radial-gradient(#00549a 50%, #003778);
    background: radial-gradient(farthest-corner at 40% 40%, #00549a 30%, #01215e 70%)
}

.bgBlue-radial-gradient2 {
    background: #005399;
    background: -webkit-linear-gradient(#005399, #003778);
    background: -o-linear-gradient(#005399, #003778);
    background: -moz-linear-gradient(#005399, #003778);
    background: linear-gradient(#005399, #003778)
}

/* borders*/
.border-2px {
    border-width: 2px;
}

.border-1-top-GrayLight6 {
    border-top: 1px solid #d4d4d4;
}

.borderBlue {
    border: 1px solid #00549a;
}

.border-2-Blue {
    border: 2px solid #00549a;
}

.border-gray-light {
    border: 1px solid #e8e8e8
}

.borderGrayLight6 {
    border: 1px solid #d4d4d4;
}

.border-gray2-top {
    border-top: 1px solid #e1e1e1;
}

.border-gray2-bottom {
    border-bottom: 1px solid #e1e1e1;
}

.border-lightGray {
    border: 1px solid #d4d4d4;
}

.border-lightGray-right {
    border-right: 1px solid #d4d4d4;
}

.border-lightGray-left {
    border-left: 1px solid #d4d4d4;
}

.border-lightGray-top {
    border-top: 1px solid #d4d4d4;
}

.border-lightGray-bottom {
    border-bottom: 1px solid #d4d4d4;
}

.border-2-White {
    border: 2px solid #fff;
}

.border-gray2 {
    border: 1px solid #e1e1e1
}

.border-0 {
    border: 0
}

.border-l-0 {
    border-left: 0
}

.border-r-0 {
    border-right: 0
}

.border-b-0 {
    border-bottom: 0
}

.border-darkBlue {
    border: 1px solid #003778
}

.border-l-darkBlue {
    border-left: 1px solid #003778
}

.border-r-darkBlue {
    border-right: 1px solid #003778;
}

.border-t-darkBlue {
    border-top: 1px solid #003778;
}

.border-b-darkBlue {
    border-bottom: 1px solid #003778;
}

.border-White {
    border: 1px solid #ffffff;
}

.border-l-White {
    border-left: 1px solid #ffffff;
}

.border-r-White {
    border-right: 1px solid #ffffff;
}

.border-t-White {
    border-top: 1px solid #ffffff;
}

.border-b-White {
    border-bottom: 1px solid #ffffff;
}

/*Radius*/
.noBorderRadius {
    border-radius: 0;
}

.border-allRound {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.borderRadiusAll8 {
    border-radius: 8px
}

.borderRadiusAll10,
.box-round {
    border-radius: 10px
}

.borderRadiusBottom10 {
    border-radius: 0 0 10px 10px
}

.radius-10-top {
    border-radius: 10px 10px 0 0
}

.bottom-border-none-noradius {
    border-bottom: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

/* alignment*/
.txtRight {
    text-align: right
}

.txtLeft {
    text-align: left
}

.txtCenter {
    text-align: center
}

.txtNoWrap {
    white-space: nowrap
}

/*txt formatting*/
.text-bold,
.txtBold {
    font-weight: bold
}

.icon.txtBold,
.icon2.txtBold,
.icon-o.txtBold {
    font-weight: 700
}

.letter-zerospace {
    letter-spacing: 0
}

.letter-normalspace {
    letter-spacing: normal
}

.txtNormal {
    font-weight: normal
}

.no-txt-transform {
    text-transform: none
}

.txtCapital {
    text-transform: uppercase
}

.wordBreak {
    word-break: break-all
}

.txtUnderline {
    text-decoration: underline
}

.txtDecoration_hover:hover,
.txtDecoration_hover:focus {
    text-decoration: underline
}

.txtDecorationNoneHover:hover,
.txtDecorationNoneHover:focus {
    text-decoration: none
}

/*old IE support*/
.removeIconUnderlineOnHover:hover i,
.removeIconUnderlineOnHover:focus i,
.removeIconUnderlineOnHover:hover span,
.removeIconUnderlineOnHover:focus span {
    display: inline-block;
    text-decoration: none
}

.noTxt {
    font-size: 0;
    line-height: 0
}

.txtSize10 {
    font-size: 10px
}

.txtSize12 {
    font-size: 12px
}

.txtSize14 {
    font-size: 14px
}

.txtSize15 {
    font-size: 15px
}

.txtSize17 {
    font-size: 17px
}

.txtSize16 {
    font-size: 16px
}

.txtSize18 {
    font-size: 18px
}

.txtSize20 {
    font-size: 20px
}

.txtSize22 {
    font-size: 22px
}

.txtSize24 {
    font-size: 24px
}

.txtSize26 {
    font-size: 26px
}

.txtSize30 {
    font-size: 30px
}

.txtSize32 {
    font-size: 32px
}

.txtSize34 {
    font-size: 34px
}

.txtSize35 {
    font-size: 35px
}

.txtSize38 {
    font-size: 38px
}

.txtSize40 {
    font-size: 40px
}

.txtSize42 {
    font-size: 42px
}

.txtSize44 {
    font-size: 44px
}

.txtSize46 {
    font-size: 46px
}

.txtSize48 {
    font-size: 48px
}

.txtSize50 {
    font-size: 50px
}

.txtSize60 {
    font-size: 60px
}

.txtSize70 {
    font-size: 70px
}

.txtSize72 {
    font-size: 72px
}

.txtSize128 {
    font-size: 128px
}

.txtSize74-before:before {
    font-size: 74px
}

/*positioning*/
.top0 {
    top: 0;
}

.top035 {
    top: 35%;
}

.bottom-0 {
    bottom: 0px
}

.bottom-30 {
    bottom: 30px
}

.left-negative-10-before:before {
    left: -10px
}

.floatR {
    float: right
}

.floatL {
    float: left
}

.clear {
    clear: both
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.v-align-middle {
    vertical-align: middle;
}

.v-align-top {
    vertical-align: top;
}

.top-neg-zero:before {
    top: 0px
}

.top-neg-one:before {
    top: -1px
}

.top-neg-two:before {
    top: -2px
}

.top-neg-three:before {
    top: -3px
}

.rel-top-neg-four {
    position: relative;
    top: -4px
}

/*mouse cursor*/
.pointer {
    cursor: pointer
}

.noPointer {
    cursor: default
}

/*spacers*/
.spacer0 {
    height: 0
}

.spacer1 {
    height: 1px
}

.spacer2 {
    height: 2px
}

.spacer3 {
    height: 3px
}

.spacer5 {
    height: 5px
}

.spacer8 {
    height: 8px
}

.spacer9 {
    height: 9px
}

.spacer10 {
    height: 10px
}

.spacer11 {
    height: 11px
}

.spacer12 {
    height: 12px
}

.spacer15 {
    height: 15px
}

.spacer20 {
    height: 20px
}

.spacer25 {
    height: 25px
}

.spacer30 {
    height: 30px
}

.spacer35 {
    height: 35px
}

.spacer40 {
    height: 40px
}

.spacer45 {
    height: 45px
}

.spacer48 {
    height: 48px
}

.spacer50 {
    height: 50px
}

.spacer60 {
    height: 60px
}

/*heights*/
.fullHeight {
    height: 100%
}

.autoHeight {
    height: auto
}

.height-22 {
    height: 22px
}

.height-74 {
    height: 74px
}

.height-230 {
    height: 230px
}

.height-300 {
    height: 300px
}

.height-315 {
    height: 315px
}

.height-335 {
    height: 335px
}

.same-H-container {
    overflow: hidden;
    height: auto
}

.same-H {
    padding-bottom: 999998px;
    margin-bottom: -999999px
}

/*widths*/
.width-40 {
    width: 40%
}

.width-60 {
    width: 60%
}

.width-50 {
    width: 50%
}

.width-20 {
    width: 20%
}

.max-width-100-percent {
    max-width: 100%;
}

.max-width-190 {
    max-width: 190px
}

.max-width-265 {
    max-width: 265px
}

.max-width-280 {
    max-width: 280px
}

.max-width-325 {
    max-width: 325px
}

.max-width-350 {
    max-width: 350px
}

.autoWidth {
    width: auto
}

/*height and width*/
.dimension-72 {
    height: 72px;
    width: 72px
}

/*Line heights*/
.lineHeight1_5 {
    line-height: 1.5em
}

.line-height14 {
    line-height: 14px
}

.vSpacer5 {
    width: 5px
}

.vSpacer10 {
    width: 10px
}

.vSpacer15 {
    width: 15px
}

.vSpacer20 {
    width: 20px
}

.vSpacer30 {
    width: 30px
}

/*vertical paddings*/
/*Note we do not use top and bottom padding because is not consitent results in every browser. use spacers as an alternative for padding top bottom*/
.vPadding5 {
    padding: 0 5px
}

.vPadding10 {
    padding: 0 10px
}

.vPadding15 {
    padding: 0 15px
}

.vPadding20 {
    padding: 0 20px
}

.vPadding30 {
    padding: 0 30px
}

.vPadding40 {
    padding: 0 40px
}

/*Non-Standard Padding*/
.paddingRightInherit {
    padding-right: inherit;
}

.pad-half-left {
    padding-left: .5px
}

.pad-half-right {
    padding-right: .5px
}

.pad-1 {
    padding: 1px
}

.pad-1-left {
    padding-left: 1px
}

.pad-1-right {
    padding-right: 1px
}

.pad-1-top {
    padding-top: 1px
}

.pad-1-bottom {
    padding-bottom: 1px
}

.pad-4-top {
    padding-top: 4px
}

.pad-4-bottom {
    padding-bottom: 4px
}

.pad-4-left {
    padding-left: 4px
}

.pad-4-right {
    padding-right: 4px
}

.pad-7-right {
    padding-right: 7px
}

.pad-7_half {
    padding-left: 7.5px;
    padding-right: 7.5px
}

.pad-8-left {
    padding-left: 8px
}

.pad-12-left {
    padding-left: 12px
}

.pad-13 {
    padding: 13px
}

.pad-65-left {
    padding-left: 65px
}

/*Non-Standard Margins*/
.verticalMarginAuto {
    margin: auto 0;
}

.marginAutoCheck {
    margin: 0 auto;
}

.margin-2-left {
    margin-left: 2px
}

.margin-2-right {
    margin-right: 2px
}

.margin-2-top {
    margin-top: 2px
}

.margin-2-bottom {
    margin-bottom: 2px
}

.margin-3-left {
    margin-left: 3px
}

.margin-3-right {
    margin-right: 3px
}

.margin-3-top {
    margin-top: 3px
}

.margin-3-bottom {
    margin-bottom: 3px
}

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

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

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

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

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

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

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

.margin-negative-2-top {
    margin-top: -2px
}

.margin-negative-5-top {
    margin-top: -5px
}

.margin-neg-7_half {
    margin-left: -7.5px;
    margin-right: -7.5px
}

.margin-left-n13 {
    margin-left: -13px
}

.margin-neg-15-l {
    margin-left: -15px
}

.margin-neg-15-t {
    margin-top: -15px
}

.margin-neg-20-t {
    margin-top: -20px
}

/* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
.pad-0,
.no-pad {
    padding: 0
}

.pad-h-0 {
    padding-left: 0;
    padding-right: 0
}

.pad-v-0 {
    padding-top: 0;
    padding-bottom: 0
}

.pad-l-0,
.no-pad-left {
    padding-left: 0
}

.pad-r-0,
.no-pad-right {
    padding-right: 0
}

.pad-t-0,
.no-pad-top {
    padding-top: 0
}

.pad-b-0,
.no-pad-bottom {
    padding-bottom: 0
}

.pad-5 {
    padding: 5px
}

.pad-h-5 {
    padding-left: 5px;
    padding-right: 5px
}

.pad-v-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.pad-l-5,
.pad-5-left {
    padding-left: 5px
}

.pad-r-5,
.pad-5-right {
    padding-right: 5px
}

.pad-t-5,
.pad-5-top {
    padding-top: 5px
}

.pad-b-5,
.pad-5-bottom {
    padding-bottom: 5px
}

.pad-10 {
    padding: 10px
}

.pad-h-10 {
    padding-left: 10px;
    padding-right: 10px
}

.pad-v-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.pad-l-10,
.pad-10-left {
    padding-left: 10px
}

.pad-r-10,
.pad-10-right {
    padding-right: 10px
}

.pad-t-10,
.pad-10-top {
    padding-top: 10px
}

.pad-b-10,
.pad-10-bottom {
    padding-bottom: 10px
}

.pad-15 {
    padding: 15px
}

.pad-h-15,
.pad-15-left-right {
    padding-left: 15px;
    padding-right: 15px
}

.pad-v-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.pad-l-15,
.pad-15-left {
    padding-left: 15px
}

.pad-r-15,
.pad-15-right {
    padding-right: 15px
}

.pad-t-15,
.pad-15-top {
    padding-top: 15px
}

.pad-b-15,
.pad-15-bottom {
    padding-bottom: 15px
}

.pad-20 {
    padding: 20px
}

.pad-h-20 {
    padding-left: 20px;
    padding-right: 20px
}

.pad-v-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.pad-l-20,
.pad-20-left {
    padding-left: 20px
}

.pad-r-20,
.pad-20-right {
    padding-right: 20px
}

.pad-t-20,
.pad-20-top {
    padding-top: 20px
}

.pad-b-20,
.pad-20-bottom {
    padding-bottom: 20px
}

.pad-25 {
    padding: 25px
}

.pad-h-25 {
    padding-left: 25px;
    padding-right: 25px
}

.pad-v-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.pad-l-25,
.pad-25-left {
    padding-left: 25px
}

.pad-r-25,
.pad-25-right {
    padding-right: 25px
}

.pad-t-25,
.pad-25-top {
    padding-top: 25px
}

.pad-b-25,
.pad-25-bottom {
    padding-bottom: 25px
}

.pad-30 {
    padding: 30px
}

.pad-h-30,
.pad-30-left-right {
    padding-left: 30px;
    padding-right: 30px
}

.pad-v-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.pad-l-30,
.pad-30-left {
    padding-left: 30px
}

.pad-r-30,
.pad-30-right {
    padding-right: 30px
}

.pad-t-30,
.pad-30-top {
    padding-top: 30px
}

.pad-b-30,
.pad-30-bottom {
    padding-bottom: 30px
}

.pad-35 {
    padding: 35px
}

.pad-h-35 {
    padding-left: 35px;
    padding-right: 35px
}

.pad-v-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.pad-l-35,
.pad-35-left {
    padding-left: 35px
}

.pad-r-35 {
    padding-right: 35px
}

.pad-t-35 {
    padding-top: 35px
}

.pad-b-35 {
    padding-bottom: 35px
}

.pad-40 {
    padding: 40px
}

.pad-h-40 {
    padding-left: 40px;
    padding-right: 40px
}

.pad-v-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.pad-l-40,
.pad-40-left {
    padding-left: 40px
}

.pad-r-40,
.pad-40-right {
    padding-right: 40px
}

.pad-t-40,
.pad-40-top {
    padding-top: 40px
}

.pad-b-40,
.pad-40-bottom {
    padding-bottom: 40px
}

.pad-45 {
    padding: 45px
}

.pad-h-45 {
    padding-left: 45px;
    padding-right: 45px
}

.pad-v-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.pad-l-45,
.pad-45-left {
    padding-left: 45px
}

.pad-r-45,
.pad-45-right {
    padding-right: 45px
}

.pad-t-45,
.pad-45-top {
    padding-top: 45px
}

.pad-b-45,
.pad-45-bottom {
    padding-bottom: 45px
}

.pad-50 {
    padding: 50px
}

.pad-h-50 {
    padding-left: 50px;
    padding-right: 50px
}

.pad-v-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.pad-l-50 {
    padding-left: 50px
}

.pad-r-50 {
    padding-right: 50px
}

.pad-t-50 {
    padding-top: 50px
}

.pad-b-50 {
    padding-bottom: 50px
}

.pad-55 {
    padding: 55px
}

.pad-h-55 {
    padding-left: 55px;
    padding-right: 55px
}

.pad-v-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

.pad-l-55 {
    padding-left: 55px
}

.pad-r-55 {
    padding-right: 55px
}

.pad-t-55 {
    padding-top: 55px
}

.pad-b-55 {
    padding-bottom: 55px
}

.pad-60 {
    padding: 60px
}

.pad-h-60 {
    padding-left: 60px;
    padding-right: 60px
}

.pad-v-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.pad-l-60,
.pad-60-left {
    padding-left: 60px
}

.pad-r-60,
.pad-60-right {
    padding-right: 60px
}

.pad-t-60,
.pad-60-top {
    padding-top: 60px
}

.pad-b-60,
.pad-60-bottom {
    padding-bottom: 60px
}

.margin-auto,
.middleAlign {
    margin: auto
}

.margin-h-auto {
    margin-left: auto;
    margin-right: auto
}

.margin-v-auto {
    margin-top: auto;
    margin-bottom: auto
}

.margin-l-auto,
.margin-auto-left {
    margin-left: auto
}

.margin-r-auto,
.margin-auto-right {
    margin-right: auto
}

.margin-t-auto,
.margin-auto-top {
    margin-top: auto
}

.margin-b-auto {
    margin-bottom: auto
}

.margin-0,
.no-margin,
.noMargin {
    margin: 0
}

.margin-h-0 {
    margin-left: 0;
    margin-right: 0
}

.margin-v-0 {
    margin-top: 0;
    margin-bottom: 0
}

.margin-l-0,
.no-margin-left {
    margin-left: 0
}

.margin-r-0,
.no-margin-right {
    margin-right: 0
}

.margin-t-0,
.no-margin-top {
    margin-top: 0
}

.margin-b-0,
.no-margin-bottom {
    margin-bottom: 0
}

.margin-5 {
    margin: 5px
}

.margin-h-5 {
    margin-left: 5px;
    margin-right: 5px
}

.margin-v-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.margin-l-5,
.margin-5-left {
    margin-left: 5px
}

.margin-r-5,
.margin-5-right {
    margin-right: 5px
}

.margin-t-5,
.margin-5-top {
    margin-top: 5px
}

.margin-b-5,
.margin-5-bottom {
    margin-bottom: 5px
}

.margin-10 {
    margin: 10px
}

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

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

.margin-l-10,
.margin-10-left {
    margin-left: 10px
}

.margin-r-10,
.margin-10-right {
    margin-right: 10px
}

.margin-t-10,
.margin-10-top {
    margin-top: 10px
}

.margin-b-10,
.margin-10-bottom {
    margin-bottom: 10px
}

.margin-15 {
    margin: 15px
}

.margin-h-15 {
    margin-left: 15px;
    margin-right: 15px
}

.margin-v-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.margin-l-15,
.margin-15-left {
    margin-left: 15px
}

.margin-r-15,
.margin-15-right {
    margin-right: 15px
}

.margin-t-15,
.margin-15-top {
    margin-top: 15px
}

.margin-b-15,
.margin-15-bottom {
    margin-bottom: 15px
}

.margin-20 {
    margin: 20px
}

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

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

.margin-l-20,
.margin-20-left {
    margin-left: 20px
}

.margin-r-20,
.margin-20-right {
    margin-right: 20px
}

.margin-t-20,
.margin-20-top {
    margin-top: 20px
}

.margin-b-20,
.margin-20-bottom {
    margin-bottom: 20px
}

.margin-25 {
    margin: 25px
}

.margin-h-25 {
    margin-left: 25px;
    margin-right: 25px
}

.margin-v-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.margin-l-25,
.margin-25-left {
    margin-left: 25px
}

.margin-r-25,
.margin-25-right {
    margin-right: 25px
}

.margin-t-25,
.margin-25-top {
    margin-top: 25px
}

.margin-b-25,
.margin-25-bottom {
    margin-bottom: 25px
}

.margin-30 {
    margin: 30px
}

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

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

.margin-l-30,
.margin-30-left {
    margin-left: 30px
}

.margin-r-30,
.margin-30-right {
    margin-right: 30px
}

.margin-t-30,
.margin-30-top {
    margin-top: 30px
}

.margin-b-30,
.margin-30-bottom {
    margin-bottom: 30px
}

.margin-35 {
    margin: 35px
}

.margin-h-35 {
    margin-left: 35px;
    margin-right: 35px
}

.margin-v-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.margin-l-35 {
    margin-left: 35px
}

.margin-r-35 {
    margin-right: 35px
}

.margin-t-35 {
    margin-top: 35px
}

.margin-b-35 {
    margin-bottom: 35px
}

.margin-40 {
    margin: 40px
}

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

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

.margin-l-40,
.margin-40-left {
    margin-left: 40px
}

.margin-r-40,
.margin-40-right {
    margin-right: 40px
}

.margin-t-40,
.margin-40-top {
    margin-top: 40px
}

.margin-b-40,
.margin-40-bottom {
    margin-bottom: 40px
}

.margin-45 {
    margin: 45px
}

.margin-h-45 {
    margin-left: 45px;
    margin-right: 45px
}

.margin-v-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.margin-l-45 {
    margin-left: 45px
}

.margin-r-45,
.margin-45-right {
    margin-right: 45px
}

.margin-t-45 {
    margin-top: 45px
}

.margin-b-45,
.margin-45-bottom {
    margin-bottom: 45px
}

.margin-50 {
    margin: 50px
}

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

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

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

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

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

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

.margin-55 {
    margin: 55px
}

.margin-h-55 {
    margin-left: 55px;
    margin-right: 55px
}

.margin-v-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

.margin-l-55 {
    margin-left: 55px
}

.margin-r-55 {
    margin-right: 55px
}

.margin-t-55 {
    margin-top: 55px
}

.margin-b-55 {
    margin-bottom: 55px
}

.margin-60 {
    margin: 60px
}

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

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

.margin-l-60,
.margin-60-left {
    margin-left: 60px
}

.margin-r-60,
.margin-60-right {
    margin-right: 60px
}

.margin-t-60,
.margin-60-top {
    margin-top: 60px
}

.margin-b-60,
.margin-60-bottom {
    margin-bottom: 60px
}

/*columns*/
.col1 {
    width: 100%
}

.col2 {
    width: 50%
}

.col5 {
    width: 20%
}

/*List styles*/
.noBullets {
    list-style: none;
    margin: 0;
    padding: 0
}

.listStyleNone {
    list-style: none;
}

/*Accessible hidder*/
.hiddenClip {
    position: absolute;
    clip: rect(0 0 0 0);
}

/*Default outline of focused elements*/
.focus-outline-white:focus {
    outline-color: #fff;
}

/*icons helper*/
.icon-circle_white {
    border-color: #fff;
    color: #fff
}

.icon-circle-xsmall .text {
    line-height: 14px;
    font-size: 10px
}

.icon-circle-small .text {
    line-height: 36px;
    font-size: 18px
}

.icon-circle-medium .text {
    line-height: 56px;
    font-size: 27px
}

.icon-circle-large .text {
    line-height: 76px;
    font-size: 35px
}

.icon-circle-xlarge .text {
    line-height: 136px;
    font-size: 55px
}

.icon-circle-xsmall:before,
.icon-circle-small:before,
.icon-circle-medium:before,
.icon-circle-large:before,
.icon-circle-xlarge:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-circle-xsmall {
    width: 18px;
    height: 18px
}

.icon-circle-small {
    width: 40px;
    height: 40px
}

.icon-circle-medium {
    width: 60px;
    height: 60px
}

.icon-circle-large {
    width: 80px;
    height: 80px
}

.icon-circle-xlarge {
    width: 140px;
    height: 140px
}

.icon-xsmall:before,
.icon-circle-xsmall:before {
    font-size: 10px
}

.icon-small:before,
.icon-circle-small:before {
    font-size: 37px
}

.icon-medium:before,
.icon-circle-medium:before {
    font-size: 58px
}

.icon-large:before,
.icon-circle-large:before {
    font-size: 78px
}

.icon-xlarge:before,
.icon-circle-xlarge:before {
    font-size: 137px
}

/* Width */
.widthInherit {
    width: inherit;
}

/* Height */
.heightInherit {
    height: inherit;
}


/*Greater than Mobile*/
@media (min-width: 768px) {
    .bottom-45-sm-md {
        bottom: 45px;
    }

    .radius-10-bottom-sm {
        border-radius: 0 0 10px 10px
    }

    .lineHeight-38-smUp {
        line-height: 38px;
    }

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

    .shadow-sm-none {
        box-shadow: none
    }

    .after-sm-none:after {
        display: none
    }

    .w-40-sm {
        width: 40%
    }

    .w-60-sm {
        width: 60%
    }

    .max-w-100-sm {
        max-width: 100%
    }

    .max-width-135-sm {
        max-width: 135px
    }

    .max-width-145-sm {
        max-width: 145px
    }

    .max-width-200-sm {
        max-width: 200px
    }

    .max-width-270-sm {
        max-width: 270px
    }

    .max-width-285-sm {
        max-width: 285px
    }

    .max-width-345-sm {
        max-width: 345px
    }
}

/*For Tablet and Mobile*/
@media screen and (max-width: 991.98px) {
    .float-none-sm {
        float: none
    }

    .txtSize12-sm {
        font-size: 12px
    }

    .overflow-x-auto-sm {
        overflow-x: auto
    }

    .text-sm-normal,
    .txtNormal-sm {
        font-weight: normal
    }

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

    /* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
    .pad-sm-0 {
        padding: 0
    }

    .pad-h-sm-0 {
        padding-left: 0;
        padding-right: 0
    }

    .pad-v-sm-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pad-l-sm-0,
    .no-pad-left-sm {
        padding-left: 0
    }

    .pad-r-sm-0 {
        padding-right: 0
    }

    .pad-t-sm-0 {
        padding-top: 0
    }

    .pad-b-sm-0 {
        padding-bottom: 0
    }

    .pad-sm-5 {
        padding: 5px
    }

    .pad-h-sm-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .pad-v-sm-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pad-l-sm-5 {
        padding-left: 5px
    }

    .pad-r-sm-5 {
        padding-right: 5px
    }

    .pad-t-sm-5 {
        padding-top: 5px
    }

    .pad-b-sm-5 {
        padding-bottom: 5px
    }

    .pad-sm-10 {
        padding: 10px
    }

    .pad-h-sm-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .pad-v-sm-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pad-l-sm-10 {
        padding-left: 10px
    }

    .pad-r-sm-10 {
        padding-right: 10px
    }

    .pad-t-sm-10 {
        padding-top: 10px
    }

    .pad-b-sm-10 {
        padding-bottom: 10px
    }

    .pad-sm-15 {
        padding: 15px
    }

    .pad-h-sm-15 {
        padding-left: 15px;
        padding-right: 15px
    }

    .pad-v-sm-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .pad-l-sm-15,
    .pad-15-left-sm {
        padding-left: 15px
    }

    .pad-r-sm-15,
    .pad-15-right-sm {
        padding-right: 15px
    }

    .pad-t-sm-15 {
        padding-top: 15px
    }

    .pad-b-sm-15 {
        padding-bottom: 15px
    }

    .pad-sm-20 {
        padding: 20px
    }

    .pad-h-sm-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .pad-v-sm-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pad-l-sm-20 {
        padding-left: 20px
    }

    .pad-r-sm-20 {
        padding-right: 20px
    }

    .pad-t-sm-20 {
        padding-top: 20px
    }

    .pad-b-sm-20 {
        padding-bottom: 20px
    }

    .pad-sm-25 {
        padding: 25px
    }

    .pad-h-sm-25 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pad-v-sm-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pad-l-sm-25 {
        padding-left: 25px
    }

    .pad-r-sm-25 {
        padding-right: 25px
    }

    .pad-t-sm-25 {
        padding-top: 25px
    }

    .pad-b-sm-25 {
        padding-bottom: 25px
    }

    .pad-sm-30 {
        padding: 30px
    }

    .pad-h-sm-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .pad-v-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pad-l-sm-30,
    .pad-30-left-sm {
        padding-left: 30px
    }

    .pad-r-sm-30,
    .pad-30-right-sm {
        padding-right: 30px
    }

    .pad-t-sm-30 {
        padding-top: 30px
    }

    .pad-b-sm-30 {
        padding-bottom: 30px
    }

    .pad-sm-35 {
        padding: 35px
    }

    .pad-h-sm-35 {
        padding-left: 35px;
        padding-right: 35px
    }

    .pad-v-sm-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .pad-l-sm-35 {
        padding-left: 35px
    }

    .pad-r-sm-35 {
        padding-right: 35px
    }

    .pad-t-sm-35 {
        padding-top: 35px
    }

    .pad-b-sm-35 {
        padding-bottom: 35px
    }

    .pad-sm-40 {
        padding: 40px
    }

    .pad-h-sm-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .pad-v-sm-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pad-l-sm-40 {
        padding-left: 40px
    }

    .pad-r-sm-40 {
        padding-right: 40px
    }

    .pad-t-sm-40 {
        padding-top: 40px
    }

    .pad-b-sm-40 {
        padding-bottom: 40px
    }

    .pad-sm-45 {
        padding: 45px
    }

    .pad-h-sm-45 {
        padding-left: 45px;
        padding-right: 45px
    }

    .pad-v-sm-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .pad-l-sm-45 {
        padding-left: 45px
    }

    .pad-r-sm-45 {
        padding-right: 45px
    }

    .pad-t-sm-45 {
        padding-top: 45px
    }

    .pad-b-sm-45 {
        padding-bottom: 45px
    }

    .pad-sm-50 {
        padding: 50px
    }

    .pad-h-sm-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pad-v-sm-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pad-l-sm-50 {
        padding-left: 50px
    }

    .pad-r-sm-50 {
        padding-right: 50px
    }

    .pad-t-sm-50 {
        padding-top: 50px
    }

    .pad-b-sm-50 {
        padding-bottom: 50px
    }

    .pad-sm-55 {
        padding: 55px
    }

    .pad-h-sm-55 {
        padding-left: 55px;
        padding-right: 55px
    }

    .pad-v-sm-55 {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .pad-l-sm-55 {
        padding-left: 55px
    }

    .pad-r-sm-55 {
        padding-right: 55px
    }

    .pad-t-sm-55 {
        padding-top: 55px
    }

    .pad-b-sm-55 {
        padding-bottom: 55px
    }

    .pad-sm-60 {
        padding: 60px
    }

    .pad-h-sm-60 {
        padding-left: 60px;
        padding-right: 60px
    }

    .pad-v-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pad-l-sm-60 {
        padding-left: 60px
    }

    .pad-r-sm-60 {
        padding-right: 60px
    }

    .pad-t-sm-60 {
        padding-top: 60px
    }

    .pad-b-sm-60 {
        padding-bottom: 60px
    }

    .margin-sm-auto {
        margin: auto
    }

    .margin-h-sm-auto {
        margin-left: auto;
        margin-right: auto
    }

    .margin-v-sm-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .margin-l-sm-auto,
    .margin-auto-left-sm {
        margin-left: auto
    }

    .margin-r-sm-auto,
    .margin-auto-right-sm {
        margin-right: auto
    }

    .margin-t-sm-auto {
        margin-top: auto
    }

    .margin-b-sm-auto {
        margin-bottom: auto
    }

    .margin-sm-0,
    .no-margin-sm {
        margin: 0
    }

    .margin-h-sm-0 {
        margin-left: 0;
        margin-right: 0
    }

    .margin-v-sm-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .margin-l-sm-0 {
        margin-left: 0
    }

    .margin-r-sm-0,
    .no-margin-right-sm {
        margin-right: 0
    }

    .margin-t-sm-0,
    .no-margin-top-sm {
        margin-top: 0
    }

    .margin-b-sm-0 {
        margin-bottom: 0
    }

    .margin-sm-5 {
        margin: 5px
    }

    .margin-h-sm-5 {
        margin-left: 5px;
        margin-right: 5px
    }

    .margin-v-sm-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .margin-l-sm-5 {
        margin-left: 5px
    }

    .margin-r-sm-5 {
        margin-right: 5px
    }

    .margin-t-sm-5 {
        margin-top: 5px
    }

    .margin-b-sm-5 {
        margin-bottom: 5px
    }

    .margin-sm-10 {
        margin: 10px
    }

    .margin-h-sm-10 {
        margin-left: 10px;
        margin-right: 10px
    }

    .margin-v-sm-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .margin-l-sm-10 {
        margin-left: 10px
    }

    .margin-r-sm-10 {
        margin-right: 10px
    }

    .margin-t-sm-10 {
        margin-top: 10px
    }

    .margin-b-sm-10 {
        margin-bottom: 10px
    }

    .margin-sm-15 {
        margin: 15px
    }

    .margin-h-sm-15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .margin-v-sm-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .margin-l-sm-15 {
        margin-left: 15px
    }

    .margin-r-sm-15 {
        margin-right: 15px
    }

    .margin-t-sm-15 {
        margin-top: 15px
    }

    .margin-b-sm-15 {
        margin-bottom: 15px
    }

    .margin-sm-20 {
        margin: 20px
    }

    .margin-h-sm-20 {
        margin-left: 20px;
        margin-right: 20px
    }

    .margin-v-sm-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .margin-l-sm-20 {
        margin-left: 20px
    }

    .margin-r-sm-20 {
        margin-right: 20px
    }

    .margin-t-sm-20 {
        margin-top: 20px
    }

    .margin-b-sm-20 {
        margin-bottom: 20px
    }

    .margin-sm-25 {
        margin: 25px
    }

    .margin-h-sm-25 {
        margin-left: 25px;
        margin-right: 25px
    }

    .margin-v-sm-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .margin-l-sm-25 {
        margin-left: 25px
    }

    .margin-r-sm-25 {
        margin-right: 25px
    }

    .margin-t-sm-25,
    .margin-25-top-sm {
        margin-top: 25px
    }

    .margin-b-sm-25 {
        margin-bottom: 25px
    }

    .margin-sm-30 {
        margin: 30px
    }

    .margin-h-sm-30 {
        margin-left: 30px;
        margin-right: 30px
    }

    .margin-v-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .margin-l-sm-30 {
        margin-left: 30px
    }

    .margin-r-sm-30 {
        margin-right: 30px
    }

    .margin-t-sm-30 {
        margin-top: 30px
    }

    .margin-b-sm-30,
    .margin-30-bottom-sm {
        margin-bottom: 30px
    }

    .margin-sm-35 {
        margin: 35px
    }

    .margin-h-sm-35 {
        margin-left: 35px;
        margin-right: 35px
    }

    .margin-v-sm-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .margin-l-sm-35 {
        margin-left: 35px
    }

    .margin-r-sm-35 {
        margin-right: 35px
    }

    .margin-t-sm-35 {
        margin-top: 35px
    }

    .margin-b-sm-35 {
        margin-bottom: 35px
    }

    .margin-sm-40 {
        margin: 40px
    }

    .margin-h-sm-40 {
        margin-left: 40px;
        margin-right: 40px
    }

    .margin-v-sm-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .margin-l-sm-40 {
        margin-left: 40px
    }

    .margin-r-sm-40 {
        margin-right: 40px
    }

    .margin-t-sm-40,
    .margin-40-top-sm {
        margin-top: 40px
    }

    .margin-b-sm-40 {
        margin-bottom: 40px
    }

    .margin-sm-45 {
        margin: 45px
    }

    .margin-h-sm-45 {
        margin-left: 45px;
        margin-right: 45px
    }

    .margin-v-sm-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .margin-l-sm-45 {
        margin-left: 45px
    }

    .margin-r-sm-45 {
        margin-right: 45px
    }

    .margin-t-sm-45,
    .margin-45-top-sm {
        margin-top: 45px
    }

    .margin-b-sm-45 {
        margin-bottom: 45px
    }

    .margin-sm-50 {
        margin: 50px
    }

    .margin-h-sm-50 {
        margin-left: 50px;
        margin-right: 50px
    }

    .margin-v-sm-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .margin-l-sm-50 {
        margin-left: 50px
    }

    .margin-r-sm-50 {
        margin-right: 50px
    }

    .margin-t-sm-50,
    .margin-50-top-sm {
        margin-top: 50px
    }

    .margin-b-sm-50 {
        margin-bottom: 50px
    }

    .margin-sm-55 {
        margin: 55px
    }

    .margin-h-sm-55 {
        margin-left: 55px;
        margin-right: 55px
    }

    .margin-v-sm-55 {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .margin-l-sm-55 {
        margin-left: 55px
    }

    .margin-r-sm-55 {
        margin-right: 55px
    }

    .margin-t-sm-55 {
        margin-top: 55px
    }

    .margin-b-sm-55 {
        margin-bottom: 55px
    }

    .margin-sm-60 {
        margin: 60px
    }

    .margin-h-sm-60 {
        margin-left: 60px;
        margin-right: 60px
    }

    .margin-v-sm-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .margin-l-sm-60 {
        margin-left: 60px
    }

    .margin-r-sm-60 {
        margin-right: 60px
    }

    .margin-t-sm-60 {
        margin-top: 60px
    }

    .margin-b-sm-60 {
        margin-bottom: 60px
    }

    .width-100-percent-sm {
        width: 100%
    }

    .max-width-100-percent-sm {
        max-width: 100%;
    }

    .spacer10-sm {
        height: 10px
    }

    .spacer25-sm {
        height: 25px
    }

    .flex-1-sm {
        flex: 1
    }

    .flex-dir-column-sm {
        flex-direction: column
    }

    .top-neg-zero-xs-sm:before {
        top: 0px
    }

    .top-neg-one-xs-sm:before {
        top: -1px
    }

    .top-neg-two-xs-sm:before {
        top: -2px
    }

    .top-neg-three-xs-sm:before {
        top: -3px
    }

    .no-border-radius-sm {
        border-radius: 0;
    }
}

/*For Tablet only*/
@media (min-width:768px) and (max-width:991.98px) {
    .no-pad-sm {
        padding: 0
    }

    .pad-10-left-sm {
        padding-left: 10px
    }

    .pad-10-right-sm {
        padding-right: 10px
    }

    .pad-10-top-sm {
        padding-top: 10px
    }

    .pad-10-bottom-sm {
        padding-bottom: 10px
    }

    .pad-15-sm {
        padding: 15px
    }

    .pad-15-top-sm {
        padding-top: 15px
    }

    .pad-15-bottom-sm {
        padding-bottom: 15px
    }

    .pad-15-left-sm {
        padding-left: 15px
    }

    .pad-15-right-sm {
        padding-right: 15px
    }

    .pad-15-left-right-sm {
        padding-left: 15px;
        padding-right: 15px
    }

    .pad-20-40-sm {
        padding: 20px 40px
    }

    .pad-20-left-sm {
        padding-left: 20px
    }

    .pad-25-left-sm {
        padding-left: 25px
    }

    .pad-25-right-sm {
        padding-right: 25px
    }

    .pad-25-top-sm {
        padding-top: 25px
    }

    .pad-25-bottom-sm {
        padding-bottom: 25px
    }

    .pad-30-sm {
        padding: 30px
    }

    .pad-30-top-sm {
        padding-top: 30px
    }

    .pad-30-bottom-sm {
        padding-bottom: 30px
    }

    .pad-30-left-sm {
        padding-left: 30px
    }

    .pad-30-right-sm {
        padding-right: 30px
    }

    .txt-right-sm {
        text-align: right;
    }

    .txtCenter-sm {
        text-align: center
    }

    .margin-30-b-sm {
        margin-bottom: 30px
    }

    /*Tablet Font sizes*/
    .txtSize10-sm {
        font-size: 10px
    }

    .txtSize12-sm {
        font-size: 12px
    }

    .txtSize14-sm {
        font-size: 14px
    }

    .txtSize15-sm {
        font-size: 15px
    }

    .txtSize16-sm {
        font-size: 16px
    }

    .txtSize17-sm {
        font-size: 17px
    }

    .txtSize18-sm {
        font-size: 18px
    }

    .txtSize20-sm {
        font-size: 20px
    }

    .txtSize22-sm {
        font-size: 22px
    }

    .txtSize24-sm {
        font-size: 24px
    }

    .txtSize26-sm {
        font-size: 26px
    }

    .txtSize30-sm {
        font-size: 30px
    }

    .txtSize32-sm {
        font-size: 32px
    }

    .txtSize34-sm {
        font-size: 34px
    }

    .txtSize38-sm {
        font-size: 38px
    }

    .txtSize40-sm {
        font-size: 40px
    }

    .txtSize42-sm {
        font-size: 42px
    }

    .spacer0-sm {
        height: 0
    }

    .spacer1-sm {
        height: 1px
    }

    .spacer2-sm {
        height: 2px
    }

    .spacer3-sm {
        height: 3px
    }

    .spacer5-sm {
        height: 5px
    }

    .spacer8-sm {
        height: 8px
    }

    .spacer9-sm {
        height: 9px
    }

    .spacer10-sm {
        height: 10px
    }

    .spacer11-sm {
        height: 11px
    }

    .spacer12-sm {
        height: 12px
    }

    .spacer15-sm {
        height: 15px
    }

    .spacer20-sm {
        height: 20px
    }

    .spacer25-sm {
        height: 25px
    }

    .spacer30-sm {
        height: 30px
    }

    .spacer35-sm {
        height: 35px
    }

    .spacer40-sm {
        height: 40px
    }

    .spacer45-sm {
        height: 45px
    }

    .spacer48-sm {
        height: 48px
    }

    .spacer50-sm {
        height: 50px
    }

    .spacer60-sm {
        height: 60px
    }

    .top-neg-zero-sm:before {
        top: 0px
    }

    .top-neg-one-sm:before {
        top: -1px
    }

    .top-neg-two-sm:before {
        top: -2px
    }

    .top-neg-three-sm:before {
        top: -3px
    }

    .txtNoWrap-sm {
        white-space: nowrap
    }

    .width-sm-100,
    .width-100-percent-sm {
        width: 100%
    }
}

/*For Desktop*/
@media (min-width:992px) {
    .pad-30-md {
        padding: 30px
    }

    .no-pad-right-md {
        padding-right: 0px;
    }

    .pad-15-left-right-lg {
        padding-left: 15px;
        padding-right: 15px
    }

    .pad-30-left-right-lg {
        padding-left: 30px;
        padding-right: 30px
    }

    .pad-45-left-right-lg {
        padding-left: 45px;
        padding-right: 45px
    }

    .pad-r-5-lg {
        padding-right: 5px
    }

    .pad-t-45-lg {
        padding-top: 45px
    }

    .margin-b-15-lg {
        margin-bottom: 15px
    }

    .spacer0-md {
        height: 0
    }

    .spacer1-md {
        height: 1px
    }

    .spacer2-md {
        height: 2px
    }

    .spacer3-md {
        height: 3px
    }

    .spacer5-md {
        height: 5px
    }

    .spacer8-md {
        height: 8px
    }

    .spacer9-md {
        height: 9px
    }

    .spacer10-md {
        height: 10px
    }

    .spacer11-md {
        height: 11px
    }

    .spacer12-md {
        height: 12px
    }

    .spacer15-md {
        height: 15px
    }

    .spacer20-md {
        height: 20px
    }

    .spacer25-md {
        height: 25px
    }

    .spacer30-md {
        height: 30px
    }

    .spacer35-md {
        height: 35px
    }

    .spacer40-md {
        height: 40px
    }

    .spacer45-md {
        height: 45px
    }

    .spacer48-md {
        height: 48px
    }

    .spacer50-md {
        height: 50px
    }

    .spacer60-md {
        height: 60px
    }

    .max-w-100-md {
        max-width: 100%
    }
}

/*Media Query*/
/*For mobile only*/
@media screen and (max-width:767.98px) {
    .overflow-hidden-xs {
        overflow: hidden
    }

    .hidden-m {
        display: none
    }

    .block-xs {
        display: block
    }

    .no-side-borders-xs {
        border-left: none;
        border-right: none
    }

    .no-borders-xs,
    .desktop-outline {
        border: 0
    }

    .no-border-radius-xs {
        border-radius: 0;
    }

    .shadow-xs-none {
        box-shadow: none
    }

    .after-xs-none:after {
        display: none
    }

    .txtCenter-xs {
        text-align: center
    }

    .txtRight-xs {
        text-align: right
    }

    .txtLeft-xs {
        text-align: left
    }

    .border-gray-top-sm-xs {
        border-top: 1px solid #d3d3d3
    }

    .borderRadiusTop10-xs {
        border-radius: 10px 10px 0 0
    }

    /*Mobile Font sizes*/
    .txtSize10-xs {
        font-size: 10px
    }

    .txtSize11-xs {
        font-size: 11px
    }

    .txtSize12-xs,
    .text-size-xs-12 {
        font-size: 12px
    }

    .txtSize14-xs,
    .text-size-xs-14 {
        font-size: 14px
    }

    .txtSize15-xs {
        font-size: 15px
    }

    .txtSize16-xs {
        font-size: 16px
    }

    .txtSize17-xs {
        font-size: 17px
    }

    .txtSize18-xs {
        font-size: 18px
    }

    .txtSize20-xs {
        font-size: 20px
    }

    .txtSize21-xs {
        font-size: 21px
    }

    .txtSize22-xs {
        font-size: 22px
    }

    .txtSize24-xs {
        font-size: 24px
    }

    .txtSize26-xs {
        font-size: 26px
    }

    .txtSize30-xs {
        font-size: 30px
    }

    .txtSize32-xs {
        font-size: 32px
    }

    .txtSize34-xs {
        font-size: 34px
    }

    .txtSize38-xs {
        font-size: 38px
    }

    .txtSize40-xs {
        font-size: 40px
    }

    .txtSize42-xs {
        font-size: 42px
    }

    .txtSize50-xs {
        font-size: 50px
    }

    .txtSize60-xs {
        font-size: 60px
    }

    /*Non-Standard Mobile Paddings*/
    .pad-half-left-xs {
        padding-left: .5px
    }

    .pad-half-right-xs {
        padding-right: .5px
    }

    .pad-1-xs {
        padding: 1px
    }

    .pad-1-left-xs {
        padding-left: 1px
    }

    .pad-1-right-xs {
        padding-right: 1px
    }

    .pad-1-top-xs {
        padding-top: 1px
    }

    .pad-1-bottom-xs {
        padding-bottom: 1px
    }

    .pad-7-right-xs {
        padding-right: 7px
    }

    .pad-8-left-xs {
        padding-left: 8px
    }

    .pad-16-bottom-xs {
        padding-bottom: 16px
    }

    .pad-28-right-xs {
        padding-right: 28px
    }

    /*Non-Standard Margin*/
    .margin-2-left-xs {
        margin-left: 2px
    }

    .margin-2-right-xs {
        margin-right: 2px
    }

    .margin-2-top-xs {
        margin-top: 2px
    }

    .margin-2-bottom-xs {
        margin-bottom: 2px
    }

    .margin-3-left-xs {
        margin-left: 3px
    }

    .margin-3-right-xs {
        margin-right: 3px
    }

    .margin-3-top-xs {
        margin-top: 3px
    }

    .margin-3-bottom-xs {
        margin-bottom: 3px
    }

    .margin-7-bottom-xs {
        margin-bottom: 7px
    }

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

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

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

    /* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
    .pad-xs-0,
    .no-pad-xs {
        padding: 0
    }

    .pad-h-xs-0,
    .no-pad-LR-xs {
        padding-left: 0;
        padding-right: 0
    }

    .pad-v-xs-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .pad-l-xs-0,
    .no-pad-left-xs {
        padding-left: 0
    }

    .pad-r-xs-0,
    .no-pad-right-xs {
        padding-right: 0
    }

    .pad-t-xs-0,
    .no-pad-top-xs {
        padding-top: 0
    }

    .pad-b-xs-0,
    .no-pad-bottom-xs {
        padding-bottom: 0
    }

    .pad-xs-5,
    .pad-5-xs {
        padding: 5px
    }

    .pad-h-xs-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .pad-v-xs-5 {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .pad-l-xs-5,
    .pad-5-left-xs {
        padding-left: 5px
    }

    .pad-r-xs-5,
    .pad-5-right-xs {
        padding-right: 5px
    }

    .pad-t-xs-5,
    .pad-5-top-xs {
        padding-top: 5px
    }

    .pad-b-xs-5,
    .pad-5-bottom-xs {
        padding-bottom: 5px
    }

    .pad-xs-10,
    .pad-10-xs {
        padding: 10px
    }

    .pad-h-xs-10 {
        padding-left: 10px;
        padding-right: 10px
    }

    .pad-v-xs-10 {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .pad-l-xs-10,
    .pad-10-left-xs {
        padding-left: 10px
    }

    .pad-r-xs-10,
    .pad-10-right-xs {
        padding-right: 10px
    }

    .pad-t-xs-10,
    .pad-10-top-xs {
        padding-top: 10px
    }

    .pad-b-xs-10,
    .pad-10-bottom-xs {
        padding-bottom: 10px
    }

    .pad-xs-15,
    .pad-15-xs {
        padding: 15px
    }

    .pad-h-xs-15,
    .pad-15-left-right-xs {
        padding-left: 15px;
        padding-right: 15px
    }

    .pad-v-xs-15 {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .pad-l-xs-15,
    .pad-15-left-xs {
        padding-left: 15px
    }

    .pad-r-xs-15,
    .pad-15-right-xs {
        padding-right: 15px
    }

    .pad-t-xs-15,
    .pad-15-top-xs {
        padding-top: 15px
    }

    .pad-b-xs-15,
    .pad-15-bottom-xs {
        padding-bottom: 15px
    }

    .pad-xs-20,
    .pad-20-xs {
        padding: 20px
    }

    .pad-h-xs-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .pad-v-xs-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .pad-l-xs-20,
    .pad-20-left-xs {
        padding-left: 20px
    }

    .pad-r-xs-20,
    .pad-20-right-xs {
        padding-right: 20px
    }

    .pad-t-xs-20,
    .pad-20-top-xs {
        padding-top: 20px
    }

    .pad-b-xs-20,
    .pad-20-bottom-xs {
        padding-bottom: 20px
    }

    .pad-xs-25 {
        padding: 25px
    }

    .pad-h-xs-25 {
        padding-left: 25px;
        padding-right: 25px
    }

    .pad-v-xs-25 {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .pad-l-xs-25,
    .pad-25-left-xs {
        padding-left: 25px
    }

    .pad-r-xs-25,
    .pad-25-right-xs {
        padding-right: 25px
    }

    .pad-t-xs-25,
    .pad-25-top-xs {
        padding-top: 25px
    }

    .pad-b-xs-25,
    .pad-25-bottom-xs {
        padding-bottom: 25px
    }

    .pad-xs-30,
    .pad-30-xs {
        padding: 30px
    }

    .pad-h-xs-30,
    .pad-30-left-right-xs {
        padding-left: 30px;
        padding-right: 30px
    }

    .pad-v-xs-30 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pad-l-xs-30,
    .pad-30-left-xs {
        padding-left: 30px
    }

    .pad-r-xs-30,
    .pad-30-right-xs {
        padding-right: 30px
    }

    .pad-t-xs-30,
    .pad-30-top-xs {
        padding-top: 30px
    }

    .pad-b-xs-30,
    .pad-30-bottom-xs {
        padding-bottom: 30px
    }

    .pad-xs-35 {
        padding: 35px
    }

    .pad-h-xs-35 {
        padding-left: 35px;
        padding-right: 35px
    }

    .pad-v-xs-35 {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .pad-l-xs-35 {
        padding-left: 35px
    }

    .pad-r-xs-35 {
        padding-right: 35px
    }

    .pad-t-xs-35 {
        padding-top: 35px
    }

    .pad-b-xs-35 {
        padding-bottom: 35px
    }

    .pad-xs-40,
    .pad-40-xs {
        padding: 40px
    }

    .pad-h-xs-40 {
        padding-left: 40px;
        padding-right: 40px
    }

    .pad-v-xs-40 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .pad-l-xs-40,
    .pad-40-left-xs {
        padding-left: 40px
    }

    .pad-r-xs-40,
    .pad-40-right-xs {
        padding-right: 40px
    }

    .pad-t-xs-40,
    .pad-40-top-xs {
        padding-top: 40px
    }

    .pad-b-xs-40,
    .pad-40-bottom-xs {
        padding-bottom: 40px
    }

    .pad-xs-45 {
        padding: 45px
    }

    .pad-h-xs-45 {
        padding-left: 45px;
        padding-right: 45px
    }

    .pad-v-xs-45 {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .pad-l-xs-45,
    .pad-45-left-xs {
        padding-left: 45px
    }

    .pad-r-xs-45,
    .pad-45-right-xs {
        padding-right: 45px
    }

    .pad-t-xs-45,
    .pad-45-top-xs {
        padding-top: 45px
    }

    .pad-b-xs-45,
    .pad-45-bottom-xs {
        padding-bottom: 45px
    }

    .pad-xs-50 {
        padding: 50px
    }

    .pad-h-xs-50 {
        padding-left: 50px;
        padding-right: 50px
    }

    .pad-v-xs-50 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pad-l-xs-50 {
        padding-left: 50px
    }

    .pad-r-xs-50 {
        padding-right: 50px
    }

    .pad-t-xs-50 {
        padding-top: 50px
    }

    .pad-b-xs-50 {
        padding-bottom: 50px
    }

    .pad-xs-55 {
        padding: 55px
    }

    .pad-h-xs-55 {
        padding-left: 55px;
        padding-right: 55px
    }

    .pad-v-xs-55 {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .pad-l-xs-55 {
        padding-left: 55px
    }

    .pad-r-xs-55 {
        padding-right: 55px
    }

    .pad-t-xs-55 {
        padding-top: 55px
    }

    .pad-b-xs-55 {
        padding-bottom: 55px
    }

    .pad-xs-60,
    .pad-60-xs {
        padding: 60px
    }

    .pad-h-xs-60 {
        padding-left: 60px;
        padding-right: 60px
    }

    .pad-v-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .pad-l-xs-60,
    .pad-60-left-xs {
        padding-left: 60px
    }

    .pad-r-xs-60,
    .pad-60-right-xs {
        padding-right: 60px
    }

    .pad-t-xs-60,
    .pad-60-top-xs {
        padding-top: 60px
    }

    .pad-b-xs-60,
    .pad-60-bottom-xs {
        padding-bottom: 60px
    }

    .margin-xs-auto {
        margin: auto
    }

    .margin-h-xs-auto {
        margin-left: auto;
        margin-right: auto
    }

    .margin-v-xs-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .margin-l-xs-auto {
        margin-left: auto
    }

    .margin-r-xs-auto {
        margin-right: auto
    }

    .margin-t-xs-auto {
        margin-top: auto
    }

    .margin-b-xs-auto {
        margin-bottom: auto
    }

    .margin-xs-0,
    .no-margin-xs {
        margin: 0
    }

    .margin-h-xs-0 {
        margin-left: 0;
        margin-right: 0
    }

    .margin-v-xs-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .margin-l-xs-0,
    .no-margin-left-xs {
        margin-left: 0
    }

    .margin-r-xs-0,
    .no-margin-right-xs {
        margin-right: 0
    }

    .margin-t-xs-0,
    .no-margin-top-xs {
        margin-top: 0
    }

    .margin-b-xs-0,
    .no-margin-bottom-xs {
        margin-bottom: 0
    }

    .margin-xs-5 {
        margin: 5px
    }

    .margin-h-xs-5 {
        margin-left: 5px;
        margin-right: 5px
    }

    .margin-v-xs-5 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .margin-l-xs-5,
    .margin-5-left-xs {
        margin-left: 5px
    }

    .margin-r-xs-5,
    .margin-5-right-xs {
        margin-right: 5px
    }

    .margin-t-xs-5,
    .margin-5-top-xs {
        margin-top: 5px
    }

    .margin-b-xs-5,
    .margin-5-bottom-xs {
        margin-bottom: 5px
    }

    .margin-xs-10 {
        margin: 10px
    }

    .margin-h-xs-10 {
        margin-left: 10px;
        margin-right: 10px
    }

    .margin-v-xs-10 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .margin-l-xs-10,
    .margin-10-left-xs {
        margin-left: 10px
    }

    .margin-r-xs-10,
    .margin-10-right-xs {
        margin-right: 10px
    }

    .margin-t-xs-10,
    .margin-10-top-xs {
        margin-top: 10px
    }

    .margin-b-xs-10,
    .margin-10-bottom-xs {
        margin-bottom: 10px
    }

    .margin-xs-15 {
        margin: 15px
    }

    .margin-h-xs-15 {
        margin-left: 15px;
        margin-right: 15px
    }

    .margin-v-xs-15 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .margin-l-xs-15,
    .margin-15-left-xs {
        margin-left: 15px
    }

    .margin-r-xs-15,
    .margin-15-right-xs {
        margin-right: 15px
    }

    .margin-t-xs-15,
    .margin-15-top-xs {
        margin-top: 15px
    }

    .margin-b-xs-15,
    .margin-15-bottom-xs {
        margin-bottom: 15px
    }

    .margin-xs-20 {
        margin: 20px
    }

    .margin-h-xs-20 {
        margin-left: 20px;
        margin-right: 20px
    }

    .margin-v-xs-20 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .margin-l-xs-20,
    .margin-20-left-xs {
        margin-left: 20px
    }

    .margin-r-xs-20,
    .margin-20-right-xs {
        margin-right: 20px
    }

    .margin-t-xs-20,
    .margin-20-top-xs {
        margin-top: 20px
    }

    .margin-b-xs-20,
    .margin-20-bottom-xs {
        margin-bottom: 20px
    }

    .margin-xs-25 {
        margin: 25px
    }

    .margin-h-xs-25 {
        margin-left: 25px;
        margin-right: 25px
    }

    .margin-v-xs-25 {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .margin-l-xs-25,
    .margin-25-left-xs {
        margin-left: 25px
    }

    .margin-r-xs-25,
    .margin-25-right-xs {
        margin-right: 25px
    }

    .margin-t-xs-25,
    .margin-25-top-xs {
        margin-top: 25px
    }

    .margin-b-xs-25,
    .margin-25-bottom-xs {
        margin-bottom: 25px
    }

    .margin-xs-30 {
        margin: 30px
    }

    .margin-h-xs-30 {
        margin-left: 30px;
        margin-right: 30px
    }

    .margin-v-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .margin-l-xs-30,
    .margin-30-left-xs {
        margin-left: 30px
    }

    .margin-r-xs-30,
    .margin-30-right-xs {
        margin-right: 30px
    }

    .margin-t-xs-30,
    .margin-30-top-xs {
        margin-top: 30px
    }

    .margin-b-xs-30,
    .margin-30-bottom-xs {
        margin-bottom: 30px
    }

    .margin-xs-35 {
        margin: 35px
    }

    .margin-h-xs-35 {
        margin-left: 35px;
        margin-right: 35px
    }

    .margin-v-xs-35 {
        margin-top: 35px;
        margin-bottom: 35px
    }

    .margin-l-xs-35 {
        margin-left: 35px
    }

    .margin-r-xs-35 {
        margin-right: 35px
    }

    .margin-t-xs-35 {
        margin-top: 35px
    }

    .margin-b-xs-35 {
        margin-bottom: 35px
    }

    .margin-xs-40 {
        margin: 40px
    }

    .margin-h-xs-40 {
        margin-left: 40px;
        margin-right: 40px
    }

    .margin-v-xs-40 {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .margin-l-xs-40,
    .margin-40-left-xs {
        margin-left: 40px
    }

    .margin-r-xs-40,
    .margin-40-right-xs {
        margin-right: 40px
    }

    .margin-t-xs-40,
    .margin-40-top-xs {
        margin-top: 40px
    }

    .margin-b-xs-40,
    .margin-40-bottom-xs {
        margin-bottom: 40px
    }

    .margin-xs-45 {
        margin: 45px
    }

    .margin-h-xs-45 {
        margin-left: 45px;
        margin-right: 45px
    }

    .margin-v-xs-45 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .margin-l-xs-45 {
        margin-left: 45px
    }

    .margin-r-xs-45 {
        margin-right: 45px
    }

    .margin-t-xs-45 {
        margin-top: 45px
    }

    .margin-b-xs-45,
    .margin-45-bottom-xs {
        margin-bottom: 45px
    }

    .margin-xs-50 {
        margin: 50px
    }

    .margin-h-xs-50 {
        margin-left: 50px;
        margin-right: 50px
    }

    .margin-v-xs-50 {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .margin-l-xs-50 {
        margin-left: 50px
    }

    .margin-r-xs-50 {
        margin-right: 50px
    }

    .margin-t-xs-50 {
        margin-top: 50px
    }

    .margin-b-xs-50 {
        margin-bottom: 50px
    }

    .margin-xs-55 {
        margin: 55px
    }

    .margin-h-xs-55 {
        margin-left: 55px;
        margin-right: 55px
    }

    .margin-v-xs-55 {
        margin-top: 55px;
        margin-bottom: 55px
    }

    .margin-l-xs-55 {
        margin-left: 55px
    }

    .margin-r-xs-55 {
        margin-right: 55px
    }

    .margin-t-xs-55 {
        margin-top: 55px
    }

    .margin-b-xs-55 {
        margin-bottom: 55px
    }

    .margin-xs-60 {
        margin: 60px
    }

    .margin-h-xs-60 {
        margin-left: 60px;
        margin-right: 60px
    }

    .margin-v-xs-60 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    .margin-l-xs-60,
    .margin-60-left-xs {
        margin-left: 60px
    }

    .margin-r-xs-60,
    .margin-60-right-xs {
        margin-right: 60px
    }

    .margin-t-xs-60,
    .margin-60-top-xs {
        margin-top: 60px
    }

    .margin-b-xs-60,
    .margin-60-bottom-xs {
        margin-bottom: 60px
    }

    .margin-neg-xs-h {
        margin-left: -25px;
        margin-right: 15px;
    }

    .width-auto-xs {
        width: auto;
    }

    .width-xs-100,
    .width-100-percent-xs {
        width: 100%
    }

    .flex-0-xs {
        flex: 0;
    }

    .flex-auto-xs {
        flex: auto;
    }

    .flex-direction-column-xs {
        flex-direction: column;
    }

    .justify-start-xs {
        justify-content: flex-start
    }

    .justify-center-xs {
        justify-content: center
    }

    /*Overflow*/
    .overflow-x-auto-xs {
        overflow-x: auto
    }

    .overflow-y-auto-xs {
        overflow-y: auto
    }

    .overflow-auto-xs {
        overflow: auto
    }

    /*Spacers*/
    .spacer15-xs {
        height: 15px
    }

    .spacer20-xs {
        height: 20px
    }

    .spacer30-xs {
        height: 30px
    }

    .spacer45-xs {
        height: 45px
    }

    .height-auto-xs {
        height: auto
    }

    .float-none-xs {
        float: none
    }

    .float-left-xs {
        float: left
    }

    .line-height-14-xs {
        line-height: 14px;
    }

    .line-height-26-xs {
        line-height: 26px;
    }

    .container.no-pad-xs,
    .container.pad-xs-0 {
        padding: 0
    }
}

/*For Large Desktop*/
@media (min-width:1240px) {
    .pad-r-25-lg {
        padding-right: 25px
    }

    .pad-t-30-lg {
        padding-top: 30px
    }

    .pad-l-35-lg {
        padding-left: 35px
    }
}

/*For I.E*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .height-100-ie {
        height: 100%;
    }
}