:root {
    --mainBg: #edf1f6;
    --tb-body-bg: #f8fafc;
    --tb-table-border-color: #dee2e6;
    --tb-border-color: #cddcea;
    --tb-header-item-sub-color: #64748b;
    --tb-vertical-menu-width-sm: 60px;
    --tb-border-radius-lg: 10px;
    --tb-secondary-bg: #fff;
}


.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_200 {width: 200px;}
.wd_300 {width: 300px;}

.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_200 {max-width: 200px;}
.max_wd_250 {max-width: 250px;}
.max_wd_300 {max-width: 300px;}
.max_wd_350 {max-width: 350px;}

.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;}
.mb_50 {margin-bottom: 50px !important;}

.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.fw_600 {font-weight: 600 !important;}
.text-bg-primary, .text-bg-success, .text-bg-danger, .text-bg-warning {font-weight: 600 !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;}
.f24 {font-size: 24px !important;}
.fs_xx {font-size: xx-large !important;}

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

.bg_white {background-color: #fff !important;}
.bg_floral {background-color: #fffaf0 !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;}
.ws_normal {white-space: normal; !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;}
.btn-xs-5 {padding: 1px 5px !important; font-size: 11px !important;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}

/* Ensure the placeholder text remains unaffected. */
input.uppercase::placeholder, input.lowercase::placeholder, input.capitalize::placeholder {
  text-transform: none; /* Keep original case */
}

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

.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;}
.no-radius {border-radius: 0 !important;}

.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(../../assets/images/7.jpg);
    height: 100vh;
/*    background-size: cover;*/
    background-position: top;
}