/* UNIVERSAL STYLING */

/* TEXT */
.red {color: red !important;}
.light {color: #ccc !important;}
.mainGreen {color: #008374 !important;}
.brown {color: #b22222 !important;}
.linkBlue {color: #05608a !important;}
.linkPrimary {color: #0d6efd !important;}
.captcha {border: 1px solid #ccc; vertical-align: middle; padding: 2px;}
.swal-text-preline {white-space: pre-line;}
.swal2-html-container {font-size: 16px !important;}

/* Margin */
.m0 {margin: 0px;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}
.m40 {margin: 40px;}
.m50 {margin: 50px;}
.m_0_10 {margin: 0 10px;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mt_neg_5 {margin-top: -5px !important;}

.mr0 {margin-right: 0px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml0 {margin-left: 0px;}
.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

/* Padding */
.pd0 {padding: 0px;}
.pd5 {padding: 5px !important;}
.pd10 {padding: 10px !important;}
.pd15 {padding: 15px !important;}
.pd20 {padding: 20px !important;}
.pd25 {padding: 25px !important;}
.pd30 {padding: 30px !important;}
.pd40 {padding: 40px !important;}
.pd50 {padding: 50px !important;}
.pd_40_20 {padding: 40px 20px !important;}

.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl0 {padding-left: 0px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

/* Height */
.h100 {height: 100px;}
.mh100 {min-height: 100px;}

/* Width */
.wd_100p {width: 100% !important;}
.wd_20 {width: 20px;}
.wd_50 {width: 50px;}
.wd_100 {width: 100px;}
.wd_120 {width: 100%;}
.wd_150 {width: 150px;}
.wd_300 {width: 300px;}
.wd_350 {width: 350px;}
.wd_400 {width: 400px;}

.min_wd_50 {min-width: 50px;}
.min_wd_100 {min-width: 100px;}
.min_wd_150 {min-width: 150px;}
.min_wd_200 {min-width: 200px;}

.max_wd_400 {max-width: 400px;}

/* Font */
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f17 {font-size: 17px !important;}
.f18 {font-size: 18px !important;}
.f19 {font-size: 19px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}
.f24 {font-size: 24px !important;}
.f26 {font-size: 26px !important;}
.f28 {font-size: 28px !important;}
.f30 {font-size: 30px !important;}

.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.fw_600 {font-weight: 600 !important;}
.fw_700 {font-weight: 700 !important;}
.fw_800 {font-weight: 800 !important;}
.fw_900 {font-weight: 900 !important;}

/* BORDER */
.bt0 {border-top: 0px;}
.bb0 {border-bottom: 0px;}
.br0 {border-radius: 0px !important;}

/* COMMON */
.uppercase {text-transform: uppercase;}
/* Prevent placeholder from being uppercased */
input.uppercase::placeholder {
  text-transform: none; /* Keep original case */
}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.vaMiddle {vertical-align: middle;}

.nowrap {white-space: nowrap;}
.d_none {display: none !important;}
.d_block {display: block; !important;}
.d_block_inline {display: inline-block !important;}
.pointer {cursor: pointer !important;}
.pointerHelp {cursor: help !important;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nameEllipsis-150 {white-space: nowrap; width: 150px; overflow: hidden; text-overflow: ellipsis;}
.nameEllipsis-200 {white-space: nowrap; width: 200px; overflow: hidden; text-overflow: ellipsis;}
.nameEllipsis-250 {white-space: nowrap; width: 250px; overflow: hidden; text-overflow: ellipsis;}