.fl{float: left;}
.fr{float: right;}
.c{clear: both;}
.hidden {display: none !important}
.relative {position: relative;}
.absolute {position: absolute;}
.pointer{cursor: pointer !important;}

.m0{margin: 0px;}
.m0Auto{margin: 0 auto;}
.mT0{margin-top: 0px !important;}
.mT5{margin-top: 5px;}
.mT10{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT50{margin-top: 50px;}
.mT100{margin-top: 100px;}

.mR0{margin-right: 0px !important;}
.mR5{margin-right: 5px;}
.mR10{margin-right: 10px;}
.mR20{margin-right: 20px;}
.mR30{margin-right: 30px;}
.mR40{margin-right: 40px;}
.mR50{margin-right: 50px;}

.mB0{margin-bottom: 0px !important;}
.mB2{margin-bottom: 2px;}
.mB5{margin-bottom: 5px;}
.mB10{margin-bottom: 10px;}
.mB20{margin-bottom: 20px;}
.mB30{margin-bottom: 30px;}
.mB40{margin-bottom: 40px;}
.mB65{margin-bottom: 65px;}

.mL0{margin-left: 0px !important;}
.mL5{margin-left: 5px;}
.mL10{margin-left: 10px;}
.mL20{margin-left: 20px;}
.mL30{margin-left: 30px;}
.mL40{margin-left: 40px;}

.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p40{padding: 40px;}

.pT0{padding-top: 0px !important;}
.pT5{padding-top: 5px;}
.pT10{padding-top: 10px;}
.pT20{padding-top: 20px;}
.pT30{padding-top: 30px;}
.pT40{padding-top: 40px;}

.pR0{padding-right: 0px !important;}
.pR10{padding-right: 10px;}
.pR20{padding-right: 20px;}
.pR25{padding-right: 25px;}
.pR30{padding-right: 30px;}
.pR40{padding-right: 40px;}

.pB0{padding-bottom: 0px !important;}
.pB5{padding-bottom: 5px;}
.pB10{padding-bottom: 10px;}
.pB20{padding-bottom: 20px;}
.pB30{padding-bottom: 30px;}
.pB40{padding-bottom: 40px;}

.pL0{padding-left: 0px !important;}
.pL5{padding-left: 5px;}
.pL10{padding-left: 10px;}
.pL20{padding-left: 20px;}
.pL30{padding-left: 30px;}
.pL40{padding-left: 40px;}

.pRL30{padding-left: 30px; padding-right: 30px}


.c01{color: #00000010 !important}
.c02{color: #00000020 !important}
.c03{color: #00000030 !important}
.c04{color: #00000040 !important}
.c05{color: #00000050 !important}
.c06{color: #00000060 !important}
.c07{color: #00000070 !important}
.c08{color: #00000080 !important}
.c09{color: #00000090 !important}
.c10{color: #000000 !important}
.cF1{color: #FFFFFF10 !important}
.cF2{color: #FFFFFF20 !important}
.cF3{color: #FFFFFF30 !important}
.cF4{color: #FFFFFF40 !important}
.cF5{color: #FFFFFF50 !important}
.cF6{color: #FFFFFF60 !important}
.cF7{color: #FFFFFF70 !important}
.cF8{color: #FFFFFF80 !important}
.cF9{color: #FFFFFF90 !important}
.cF{color: #FFFFFF !important}

.bgRed{background-color: #490d05 !important}
.bgYellow{background-color: #F7B82C !important}

.br3{border-radius: 3px}
.br5{border-radius: 5px}
.br10{border-radius: 10px}

.f12{font-size: 12px !important}
.f14{font-size: 14px !important}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f60{font-size: 60px;}

.b{font-weight: bold;}
.i{font-style: italic;}

.h24{height: 24px !important}
.h32{height: 32px !important}
.h43{height: 43px !important}

.w24{width: 24px !important}
.w32{width: 32px !important}
.w40{width: 40px !important}
.w60{width: 60px !important}
.w80{width: 80px !important}
.w90{width: 90px !important}
.w100{width: 100px !important}
.w120{width: 120px !important}
.w160{width: 160px !important}
.w200{width: 200px !important}
.w280{width: 280px !important}
.w384{width: 384px !important}
.w468{width: 468px !important}

.lh26{line-height: 26px}

.op1{opacity: 1 !important}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

@media (max-width: 767px) {
	.mT30{margin-top:10px;}
	.pRL30{padding-left: 10px; padding-right: 10px}
    .hidden-m{display: none !important}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-t{display: none !important}
}
@media (min-width: 1024px) {
    .hidden-d{display: none !important}
}

.urbox-price-input{
    text-align: right;
}