/**** z-index ****/
/**** Background ****/
/**** margin ****/
/**** padding ****/
/**** top ****/
/**** left ****/
/**** right ****/
/**** opacity ****/
/**** width ****/
/**** height ****/
/**** position ****/
/**** display ****/
/**** float ****/
/**** border ****/
/**** border radius ****/
/**** Wrap ****/
/**** Font Property ****/
/****  Font Size  ****/
/**** Text Position ****/
/****  Font Weight  ****/
/****  Font Color  ****/
/**** background ****/
/**** Cursor ****/
/**** Max Lines ****/


/**** z-index ****/
.z0 {
    z-index: 0;
}
.z1 {
    z-index: 1;
}
.z10 {
    z-index: 10;
}

/**** Background ****/
.bg-gray {
    background-color: $lighterGray;
}

/**** margin ****/
.m-auto {
    margin: auto !important;
}
.m-0 {
    margin: 0 !important;
}
.m-5 {
    margin: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.m-20 {
    margin: 20px !important;
}
.m-30 {
    margin: 30px !important;
}
.m-40 {
    margin: 40px !important;
}
.m-t-auto {
    margin-top: auto !important;
}
.m-t-0 {
    margin-top: 0px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-t-6 {
    margin-top: 6px !important;
}
.m-t-7 {
    margin-top: 7px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-12 {
    margin-top: 12px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-t-17 {
    margin-top: 17px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-40 {
    margin-top: 40px !important;
}
.m-t-50 {
    margin-top: 50px !important;
}
.m-t-60 {
    margin-top: 60px !important;
}
.m-t-70 {
    margin-top: 70px !important;
}
.m-t-80 {
    margin-top: 80px !important;
}
.m-t-100 {
    margin-top: 100px !important;
}
.m-t-160 {
    margin-top: 160px !important;
}
.m-b-0 {
    margin-bottom: 0px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-6 {
    margin-bottom: 6px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-12 {
    margin-bottom: 12px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px !important;
}
.m-b-60 {
    margin-bottom: 60px !important;
}
.m-b-80 {
    margin-bottom: 80px !important;
}
.m-b-100 {
    margin-bottom: 100px !important;
}
.m-b-140 {
    margin-bottom: 140px !important;
}
.m-b-245 {
    margin-bottom: 245px !important;
}
.m-b-m30 {
    margin-bottom: -30px !important;
}
.m-b-m50 {
    margin-bottom: -50px !important;
}
.m-l-auto {
    margin-left: auto !important;
}
.m-l-0 {
    margin-left: 0 !important;
}
.m-l-5 {
    margin-left: 5px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-l-40 {
    margin-left: 40px !important;
}
.m-l-60 {
    margin-left: 60px !important;
}
.m-r-auto {
    margin-right: auto !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-r-30 {
    margin-right: 30px !important;
}
.m-r-60 {
    margin-right: 60px !important;
}

/**** padding ****/
.p-0 {
    padding: 0 !important;
}
.p-5 {
    padding: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-11 {
    padding: 11px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-40 {
    padding: 40px !important;
}
.p-70 {
    padding: 70px !important;
}
.p-t-0 {
    padding-top: 0 !important;
}
.p-t-3 {
    padding-top: 3px !important;
}
.p-t-5 {
    padding-top: 5px !important;
}
.p-t-6 {
    padding-top: 6px !important;
}
.p-t-8 {
    padding-top: 8px !important;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-t-40 {
    padding-top: 40px !important;
}
.p-t-50 {
    padding-top: 50px !important;
}
.p-t-60 {
    padding-top: 60px !important;
}
.p-t-80 {
    padding-top: 80px !important;
}
.p-t-90 {
    padding-top: 90px !important;
}
.p-b-0 {
    padding-bottom: 0 !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-b-15 {
    padding-bottom: 15px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}
.p-b-50 {
    padding-bottom: 50px !important;
}
.p-b-60 {
    padding-bottom: 60px !important;
}
.p-b-100 {
    padding-bottom: 100px !important;
}
.p-l-0 {
    padding-left: 0 !important;
}
.p-l-3 {
    padding-left: 3px !important;
}
.p-l-5 {
    padding-left: 5px !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-l-35 {
    padding-left: 35px !important;
}
.p-l-40 {
    padding-left: 40px !important;
}
.p-l-50 {
    padding-left: 50px !important;
}
.p-l-60 {
    padding-left: 60px !important;
}
.p-l-80 {
    padding-left: 80px !important;
}
.p-l-90 {
    padding-left: 90px !important;
}
.p-l-100 {
    padding-left: 100px !important;
}
.p-r-0 {
    padding-right: 0 !important;
}
.p-r-5 {
    padding-right: 5px !important;
}
.p-r-6 {
    padding-right: 6px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-r-40 {
    padding-right: 40px !important;
}
.p-r-60 {
    padding-right: 60px !important;
}
.p-r-80 {
    padding-right: 80px !important;
}
.p-r-100 {
    padding-right: 100px !important;
}

/**** top ****/
.t-0 {
    top: 0;
}
.t-5 {
    top: 5px;
}
.t-10 {
    top: 10px;
}
.t-15 {
    top: 15px;
}

/**** bottom ****/
.b-0 {
    bottom: 0;
}
.b-5 {
    bottom: 5px;
}
.b-10 {
    bottom: 10px;
}
.b-15 {
    bottom: 15px;
}

/**** left ****/
.l-0 {
    left: 0;
}
.l-5 {
    left: 5px;
}
.l-10 {
    left: 10px;
}
.l-15 {
    left: 15px;
}

/**** right ****/
.r-0 {
    right: 0;
}
.r-5 {
    right: 5px;
}
.r-10 {
    right: 10px;
}
.r-15 {
    right: 15px;
}

/**** opacity ****/
.opacity-0 {
    opacity: 0;
}
.opacity-0 p {
    opacity: 0;
}
.opacity-20 {
    opacity: .2;
}
.opacity-20 p {
    opacity: .2;
}
.opacity-50 {
    opacity: .5;
}
.opacity-50 p {
    opacity: .5;
}
.opacity-70 {
    opacity: .7;
}
.opacity-70 p {
    opacity: .7;
}
.opacity-90 {
    opacity: .9;
}
.opacity-90 p {
    opacity: .9;
}

/**** width ****/
.width-0 {
    width: 0 !important;
}
.width-40 {
    width: 40px !important;
}
.width-70 {
    width: 70px !important;
}
.width-300 {
    width: 300px !important;
}
.min-width-40 {
    min-width: 40px;
}
.width-16p {
    width: 16.6666% !important;
}
.width-20p {
    width: 20% !important;
}
.width-100p,
.full-width {
    width: 100% !important;
}

/**** height ****/
.h-auto {
    height: auto !important;
}
.h-0 {
    height: 0 !important;
    overflow: hidden !important;
}
.h-20 {
    height: 20px !important;
    overflow: hidden !important;
}
.h-30 {
    height: 30px !important;
    overflow: hidden !important;
}
.h-40 {
    height: 40px !important;
    overflow: hidden !important;
}
.h-50 {
    height: 50px !important;
    overflow: hidden !important;
}
.h-70 {
    height: 70px !important;
    overflow: hidden !important;
}
.h-90 {
    height: 90px !important;
    overflow: hidden !important;
}
.h-100 {
    height: 100px !important;
    overflow: hidden !important;
}
.h-150 {
    height: 150px !important;
    overflow: hidden !important;
}
.h-220 {
    height: 220px !important;
    overflow: hidden !important;
}
.h-250 {
    height: 250px !important;
    overflow: hidden !important;
}
.h-280 {
    height: 280px !important;
    overflow: hidden !important;
}
.h-300 {
    height: 300px !important;
    overflow: hidden !important;
}

/**** position ****/
.pos-rel {
    position: relative;
}
.pos-abs {
    position: absolute;
}

/**** display ****/
.dis-inline {
    display: inline;
}
.dis-inline-b {
    display: inline-block;
}
.dis-block {
    display: block !important;
}
.dis-none,
.none {
    display: none;
}

/**** float ****/
.f-left {
    float: left !important;
}
.f-right {
    float: right !important;
}

/**** border ****/
.no-border {
    border: none !important;
    box-shadow: none;
}
.no-bd {
    border: none !important;
    box-shadow: none;
}
.border {
    border: 1px solid #efefef !important;
}
.border_2px {
    border: 2px solid #efefef !important;
}
.border-primary {
    border-color: $primaryColor !important;
}
.border-gray {
    border: 1px solid #efefef !important;
}
.border-bottom {
    border-bottom: 1px solid #efefef !important;
}
.border-top {
    border-top: 1px solid #efefef !important;
}
.border-right {
    border-right: 1px solid #efefef !important;
}
.border-left {
    border-left: 1px solid #efefef !important;
}
.border-hor {
    border-bottom: 1px solid #efefef !important;
    border-top: 1px solid #efefef !important;
}
.border-ver {
    border-left: 1px solid #efefef !important;
    border-right: 1px solid #efefef !important;
}
.bd-white {
    border-color: #ffffff !important;
}
.bd-green {
    border-left: 3px solid #18a689;
}
.bd-red {
    border-left: 3px solid #c9625f;
}
.bd-blue {
    border-left: 3px solid #319DB5;
}
.bd-t-red {
    border-top: 4px solid #c9625f;
}
.bd-t-green {
    border-top: 4px solid #5FB675;
}
.bd-t-blue {
    border-top: 4px solid #0090D9;
}
.bd-t-dark {
    border-top: 4px solid #2B2E33;
}
.bd-t-purple {
    border-top: 4px solid #A58BD3;
}
.bd-l-red {
    border-left: 4px solid #c9625f;
}
.bd-l-green {
    border-left: 4px solid #18a689;
}
.bd-l-blue {
    border-left: 4px solid #1D86A9;
}
.bd-l-dark {
    border-left: 4px solid #2B2E33;
}
.bd-l-purple {
    border-left: 4px solid #A58BD3;
}
.bd-l-grey {
    border-left: 3px solid #f5f5f5;
}
.bd-r-grey {
    border-right: 3px solid #f5f5f5;
}
.bd-r-purple-blue-2px {
    border-right: 2px solid #546dfd;
}
.bd-b-red {
    border-bottom: 4px solid #c9625f;
}
.bd-b-green {
    border-bottom: 4px solid #18a689;
}
.bd-b-blue {
    border-bottom: 4px solid #319DB5;
}
.bd-b-blue-thin {
    border-bottom: 2px solid #00a2d9 !important
}
.bd-b-dark {
    border-bottom: 4px solid #2B2E33;
}
.bd-b-purple {
    border-bottom: 4px solid #A58BD3;
}

/**** border radius ****/
.bd-0 {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.bd-3 {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}
.bd-6 {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
.bd-9 {
    -moz-border-radius: 9px !important;
    -webkit-border-radius: 9px !important;
    border-radius: 9px !important;
}
.bd-full {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}
.bd-50p {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}
.bd-50 {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
}

/**** Wrap ****/
.no-wrap {
    white-space: nowrap !important;
}
.ws-normal {
    white-space: normal !important;
}

/**** Font Property ****/
.line-through {
    text-decoration: line-through;
}
.t-ellipsis {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.t-underline{
    text-decoration: underline;
}
.uppercase {
    text-transform: uppercase !important;
}

/****  Font Size  ****/
.bigger-110 {
    font-size: 110% !important;
}
.bigger-120 {
    font-size: 120% !important;
}
.f-5 {
    font-size: 5px !important;
}
.f-6 {
    font-size: 6px !important;
}
.f-7 {
    font-size: 7px !important;
}
.f-8 {
    font-size: 8px !important;
}
.f-9 {
    font-size: 9px !important;
}
.f-10 {
    font-size: 10px !important;
}
.f-11 {
    font-size: 11px !important;
}
.f-12 {
    font-size: 12px !important;
}
.f-13 {
    font-size: 13px !important;
}
.f-14 {
    font-size: 14px !important;
}
.f-15 {
    font-size: 15px !important;
}
.f-16 {
    font-size: 16px !important;
}
.f-17 {
    font-size: 17px !important;
}
.f-18 {
    font-size: 18px !important;
}
.f-19 {
    font-size: 19px !important;
}
.f-20 {
    font-size: 20px !important;
}
.f-24 {
    font-size: 24px !important;
}
.f-26 {
    font-size: 26px !important;
}
.f-28 {
    font-size: 28px !important;
}
.f-30 {
    font-size: 30px !important;
}
.f-32 {
    font-size: 32px !important;
}
.f-34 {
    font-size: 34px !important;
}
.f-36 {
    font-size: 36px !important;
}
.f-38 {
    font-size: 38px !important;
}
.f-40 {
    font-size: 40px !important;
}
.f-50 {
    font-size: 50px !important;
}
.f-60 {
    font-size: 60px !important;
}
.f-65 {
    font-size: 65px !important;
}
.f-80 {
    font-size: 80px !important;
}
.f-150 {
    font-size: 150px !important;
}
.text-sm {
    font-size: 0.8em;
}
.text-2x {
    font-size: 2em;
}
.text-3x {
    font-size: 3em;
}
.text-4x {
    font-size: 4em;
}

/**** Text Position ****/
.t-center {
    text-align: center !important;
}
.t-justify {
    text-align: justify !important;
}
.t-left {
    text-align: left !important;
}
.t-right {
    text-align: right !important;
}
.l-through {
    text-decoration: line-through;
}

/****  Font Weight  ****/
.bold {
    font-weight: 600 !important;
}
.italic {
    font-style: italic !important;
}
.w-300 {
    font-weight: 300 !important;
}
.w-500 {
    font-weight: 500 !important;
}
.w-600 {
    font-weight: 600 !important;
}
.w-700 {
    font-weight: 700 !important;
}

/****  Font Color  ****/
.c-red {
    color: #c75757 !important;
}
.c-blue {
    color: #00A2D9 !important;
}
.c-pink {
    color: #FF3366 !important;
}
.c-purple {
    color: #8a45bf !important;
}
.c-new-purple {
    color: #8088ff !important;
}
.c-brown {
    color: #9E7B2E;
}
.c-orange {
    color: #ec8521 !important;
}
.c-yellow {
    color: #F3D261;
}
.c-green {
    color: #18A689 !important;
}
.c-gray-light {
    color: #dadada;
}
.c-gray {
    color: #8F8F8F;
}
.c-dark {
    color: #343434;
}
.c-black {
    color: #000000;
}
.c-white {
    color: #fff !important;
}
.c-light {
    color: #B3B3B3;
}
.c-primary {
    color: #319db5;
}
.c-gold {
    color: #ffd700;
}
.c-silver {
    color: #C0C0C0;
}
.c-bronze {
    color: #d4b78c;
}
.transparent-color {
    color: rgba(0, 0, 0, 0.2);
}
.asterisk {
    color: #d9534f;
}

/**** background ****/
.cover {
    background-size: cover !important;
}

/**** Cursor ****/
.pointer {
    cursor: pointer;
}

/**** Max Lines ****/
.max_one_line {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.max_two_lines {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.max_three_lines {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}