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

.ht_100p {height: 100% !important;}
.ht_20 {height: 20px;}

.lh_15 {line-height: 15px !important;}

.pd_5 {padding: 5px !important;}
.pd_10 {padding: 10px !important;}
.pd_15 {padding: 15px !important;}
.pd_16 {padding: 16px !important;}
.pd_20 {padding: 20px !important;}
.pd_40_20 {padding: 40px 20px !important;}
.pdx_5 {padding-left: 5px !important; padding-right: 5px !important;}
.pdy_0 {padding-top: 0px !important; padding-bottom: 0px !important;}
.pdy_10 {padding-top: 10px !important; padding-bottom: 10px !important;}
.pt_0 {padding-top: 0px !important;}
.pt_10 {padding-top: 10px !important;}
.pt_20 {padding-top: 20px !important;}
.pt_30 {padding-top: 30px !important;}
.pr_15 {padding-right: 15px !important;}
.pb_5 {padding-bottom: 5px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_15 {padding-bottom: 15px !important;}
.pb_20 {padding-bottom: 20px !important;}
.pl_5 {padding-left: 5px;}
.pl_10 {padding-left: 10px;}


.mt_0 {margin-top: 0px !important;}
.mt_1 {margin-top: .1em !important;}
.mt_10 {margin-top: 10px !important;}
.mt_15 {margin-top: 15px !important;}
.mt_20 {margin-top: 20px !important;}
.mt_30 {margin-top: 30px !important;}
.mt_40 {margin-top: 40px !important;}
.mb_0 {margin-bottom: 0px !important;}
.mb_1 {margin-bottom: 1px !important;}
.mb_2 {margin-bottom: 2px !important;}
.mb_5 {margin-bottom: 5px !important;}
.mb_10 {margin-bottom: 10px !important;}
.mb_15 {margin-bottom: 15px !important;}
.mb_20 {margin-bottom: 20px !important;}
.mb_30 {margin-bottom: 30px !important;}
.mb_40 {margin-bottom: 40px !important;}

.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}

.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;}
.fs_xx {font-size: xx-large !important;}

.white {color: #fff !important;}
.red {color: red;}
.light {color: #ccc !important;}
.text-warning {color: #caa41b !important;}

.bg_white {background-color: #fff !important;}
.bg_lav {background-color: #e6e6fa !important;}
.bg_lav_light {background-color: #f2f2ff !important;}
.bg_selected {background-color: #fffee4 !important;}

.ws_nowrap {white-space: nowrap !important;}
.sticky-top {z-index: 999 !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-shadow-main {text-shadow: 0 1px 0 #fff;}
.text-shadow-warning {text-shadow: 0 1px 0 #b59521;}
.relative {position: relative !important;}
.pointer {cursor: pointer !important;}
.pointerHelp {cursor: help !important;}
.d_none {display: none !important;}
.d_block {display: block; !important;}
.d_block_inline {display: inline-block !important;}
.btn-xs {padding: 1px 6px !important; font-size: 11px !important;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.overflowHidden {overflow: hidden;}
.breakAll {word-break: break-all;}

.border_x_white {border-left: 1px solid #fff !important; border-right: 1px solid #fff !important;}
.border_e {border: 1px solid #eee;}
.border_main {border: 1px solid #cddcea;}

.btn-brown {background: #ae6d3f; border: 1px solid #865330; color: #fff;}
.btn-brown:hover {background: #ae6d3f; border: 1px solid #865330; color: #fff;}
.btn-brown:focus {background: #ae6d3f; border: 1px solid #865330; color: #fff;}
.btn-brown:active {background: #ae6d3f; border: 1px solid #865330; color: #fff;}
.btn-brown:visited {background: #ae6d3f; border: 1px solid #865330; color: #fff;}

@font-face {
    font-family: 'KrutiDevFont';
	/*    src: url('../fonts/KRDEV011.ttf') format('truetype');*/
	src: url('../fonts/KRDEV010.TTF') format('truetype');
}

.krutiDevFont {font-family: 'KrutiDevFont'}
.krutiDev {font-family: 'KrutiDevFont', sans-serif; font-size: 17px;}

.authentication-bg {
    background-color: rgba(48 46 182);
    background-image: url(../images/title-img.png);
    height: 100vh;
    background-size: cover;
    background-position: center;
}