/*!

=========================================================
* TMS - v1.0.0
=========================================================
*/
:root {
    --purple: #0F2A3A;
    --pink: #F53465;
}
body.bg-default 				{ background-color: #fff !important; }
body.mh-admin					{ background-color: #F5FAFC; }
.login-page .loginBag			{ background: url(../img/login_bg.jpg) center -75px no-repeat; background-size: cover; height: calc(100vh - 30px); margin: 15px 0; 
								border-top-right-radius: 75px; border-bottom-right-radius: 75px; position: relative; }
body.mh-admin .login-page .loginBag
								{ background: url(../img/admin_login_bg.png) top left no-repeat; background-size: cover; height: calc(100vh - 30px); margin: 15px 0; 
								border-top-right-radius: 0; border-bottom-right-radius: 0; width: 85%;  position: relative; }
.login-page .loginBag .loginBag-txt
								{ background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(25px); border-radius: 15px; position: absolute; left: 10%; right: 10%; bottom: 8%; padding: 30px; }
.login-page .loginBag-txt p		{ font-size: 18px; font-weight: 500; line-height: 30px; color: #fff; margin-bottom: 0; }
.login-card-header				{}
.login-card-header h2			{ font-size: 24px; font-weight: 900; margin: 0; }
.login-card-header p			{ font-size: 14px; font-weight: 400; color: #999; margin-bottom: 30px; }
.login-card-header img			{ width: 300px; margin-bottom: 30px; }
.login-card-text				{ font-size: 14px; font-weight: 500; margin: 15px 0 0 0; }
.login-card-text a				{ font-weight: 700; }
p.form-hint						{ font-size: 13px; font-weight: 400; margin: 5px 0 0 0; color: #999; }
.mh-inputOtp					{ display: flex; margin: 0 0 30px 0; }
.mh-inputOtp input				{ width: 16.66%; height: 46px; color: #0F2A3A; border: 1px solid #9AA0A3; border-radius: 8px; margin: 0 3%; text-align: center; font-size: 20px; font-weight: 800;
								outline: none; }
.mh-inputOtp input:focus		{ border-color: var(--primary); }
.mh-inputOtp input:visited		{ border-color: var(--purple); }
.mh-inputOtp input:first-child	{ margin-left: 0; }
.mh-inputOtp input:last-child	{ margin-right: 0; }
.mh-regHeader					{ background: #fff; box-shadow: 0px 2px 10px rgb(22 22 22 / 4%); padding: 10px 0; } 
.mh-regHeader a					{ display: inline-block; }
.mh-regHeader img				{ width: 200px; }
.mh-regBody						{ padding: 5% 0; }
.mh-regFooter					{ color: #fff; background: var(--purple);  padding: 10px 0;font-size: 14px; font-weight: 400; }
.mh-regFooter p					{ margin: 0; padding: 0 30px 0 15px; font-size: 14px; font-weight: 400; }
.mh-regFooter a					{ color: #fff; padding: 0 15px; }

.mh-regStepTtl					{ display: flex; justify-content: center; }
.mh-regStepTtl h2				{ margin: 0 20px 0 0; font-size: 38px; line-height: 52px; font-weight: 800; }
.mh-regStepTtl div				{}
.mh-regStepTtl div h4			{ font-size: 28px; font-weight: 700; margin: 0; }
.mh-regStepTtl div p			{ font-weight: 400; color: #777; margin: 0; }
.mh-regStepWizard 				{ text-align: center; }
.mh-regStepWizard .mh-regSteps 	{ margin: 35px 0; }
.mh-regStepWizard .mh-regSteps li 
								{ width: 25%; float: left; position: relative; }
.mh-regStepWizard .mh-regSteps li::after
								{ background-color: #e1e1e1; content: ""; height: 3px; left: 0; position: absolute; right: 0; top: 12px; width: 100%; }
.mh-regStepWizard .mh-regSteps li span
								{ background-color: #e1e1e1; color: #fff; border-radius: 50%; display: inline-block; height: 26px; line-height: 26px; position: relative; text-align: center; width: 26px; z-index: 1; 
								font-size: 14px; outline: 15px solid #FAFAFA; }
.mh-regStepWizard .mh-regSteps li span i 
								{ opacity: 0; }
.mh-regStepWizard .mh-regSteps li:last-child::after 
								{ width: 50%; }
.mh-regStepWizard .mh-regSteps li.active span, 
.mh-regStepWizard .mh-regSteps li.activated span
								{ background-color: var(--pink); color: #ffffff; }
.mh-regStepWizard .mh-regSteps li.active span i,
.mh-regStepWizard .mh-regSteps li.activated span i 
								{ opacity: 1 }
.mh-regStepWizard .mh-regSteps li.active::after
								{ left: 50%; width: 50%; }
.mh-regStepWizard .mh-regSteps li.activated::after
								{ background-color: var(--pink); left: 50%; width: 50%; }
.mh-regStepWizard .mh-regSteps li.activated::after
								{ width: 100%; }
.mh-regStepWizard .mh-regSteps li.active:last-child::after 
								{ background: var(--pink); }
.mh-regStepWizard .mh-regSteps li:last-child::after 
								{ left: 0; }
.mh-regForm						{ margin-top: 60px; }
.mh-regForm .card				{ border-radius: 10px; box-shadow: 0px 2px 15px rgba(22, 22, 22, 0.08); }
.mh-regForm	.card-body			{ padding: 30px; }
.mh-regForm	.card-body h2		{ font-size: 16px; font-weight: 700; color: #0F2A3A; margin-bottom: 20px; }
.mh-regForm	.card-body p		{ font-size: 14px; font-weight: 400; margin-bottom: 20px; }
a.mh-btnSkip					{ font-size: 14px; font-weight: 500; display: inline-block; margin-top: 20px; } 
p.mh-regFtTxt					{ font-size: 14px; font-weight: 500; text-align: center; margin: 30px 0 0 0; }
p.mh-regFtTxt a					{ color: #0094EC; }
.mh-profileReview               { border-radius: 10px; box-shadow: 0px 2px 15px rgba(22, 22, 22, 0.08); }
.mh-profileReview .card-body	{ padding: 30px; text-align: center; }
.mh-profileReview .card-body img{ width: 70%; margin: 50px auto 0 auto; }
.mh-profileReview .card-body h2 { font-size: 24px; font-weight: 900; margin-bottom: 20px; } 
.mh-profileReview .card-body h4 { font-size: 18px; font-weight: 700; margin: 0; color: var(--pink); } 
.mh-profileReview .card-body p  { font-size: 16px; font-weight: 500; margin: 0; color: #777; }
.mh-profileReview i             { font-size: 45px; color: var(--purple); margin-right: 20px; }
.mh-profileReview a i           { font-size: 20px; margin: 0; color: var(--white); vertical-align: middle; line-height: 1; }
.mh-profileReview .d-flex p     { line-height: 1.5; }

h2.frmInTitle                   { font-size: 18px; font-weight: 700; margin: 15px 0 30px 0; display: inline-block; padding-bottom: 5px; color: var(--pink); border-bottom: 1px solid var(--purple); }





.mh-broadMsg.alert				{ background: #E7F1F8; border-color: #E7F1F8; border-radius: 10px; padding: 15px; margin-bottom: 30px; }
.mh-broadMsg h2					{ font-size: 16px; font-weight: 500; margin: 0; }
.mh-broadMsg p					{ font-size: 14px; font-weight: 400; color: #777; margin: 0; line-height: 1.5; }
.mh-broadMsg.alert button 		{ top: 0; transform: translateY(0); right: 10px; }
.mh-broadMsg.alert button.close span
								{ color: var(--blue); }
.mh-broadMsg.alert button.close:hover span
								{ color: var(--pink); }
.mh-notify                      { background: var(--blue); }
.mh-notify h2                   { font-size: 16px; font-weight: 700; margin: 0; color: var(--white); }
.mh-notify p                    { font-size: 14px; color: var(--white); margin: 0; }
.mh-notify a.btn                { padding-left: 5px; padding-right: 5px; width: 130px;}
.mh-tblRwType                   { padding: 20px 15px; font-size: 14px; font-weight: 600; color: #555; line-height: 1; }
.mh-tblRwType .sPlock           { margin-right: 20px; } 
.mh-tblRwType i                 { font-size: 24px; line-height: 1; vertical-align: middle; margin-right: 3px; }
.mh-tblRwType .sPlock i         { color: rgba(18,206,240,0.25); }
.mh-tblRwType .sReject i        { color: rgba(255,193,7,0.2); }

p#mh-minMaxSet					{ font-size: 14px; font-weight: 600; color: #039855; margin: 5px 0 0 0; }
.mh-dashFooter					{ margin-top: 50px; }
.mh-dashFooter .mh-footerNav	{ color: #fff; background: var(--purple); padding: 10px 0; font-size: 14px; font-weight: 400; border-radius: 10px; display: flex; 
								justify-content: space-between; margin-bottom: 30px; align-items: center; }
.mh-dashFooter ul				{ margin: 0; padding: 0; list-style: none; display: flex; }
.mh-dashFooter ul li a			{ color: #fff; padding: 0 20px; }
.mh-dashFooter ul li a:hover	{ color: var(--pink); }
.mh-dashFooter p				{ margin: 0; padding: 0 30px 0 15px; font-size: 14px; font-weight: 400; }



/* CMS */
.siteTitle h2                   { font-size: 18px; font-weight: 800; margin: 0; }
.siteTitle p                    { font-size: 13px; font-weight: 500; margin: 0; line-height: 1; color: #777; }
.menu-check-list .custom-control-label::before
                                { width: 20px; height: 20px; }
.menu-check-list .custom-control-label::after
                                { width: 16px; height: 16px; top: 5px; left: -24px; }
.menu-check-list .custom-checkbox .custom-control-input ~ .custom-control-label
                                { padding-left: 8px; font-weight: 600; }
.menu-check-list li.list-group-item
                                { padding-top: 10px; padding-bottom: 10px; }
h2.menuTitle                    { display: block; font-size: 14px; line-height: 14px; font-weight: 700; color: #000; margin-bottom: 15px; }

.dd                             { position: relative; display: block; margin: 0; padding: 0; max-width: 250px; list-style: none; font-size: 14px; line-height: 20px; }
.dd-list                        { display: block; position: relative; margin: 0; padding: 0; list-style: none; } 
.dd-list .dd-list               { padding-left: 30px; }
.dd-collapsed .dd-list          { display: none; }
.dd-item,
.dd-empty,
.dd-placeholder                 { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } 
.dd-handle                      { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa;
                                background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%); 
                                -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; cursor: move; margin: 0 0 10px; background: #dbdbdb; /*    color: #6f6f6f;*/ padding: 5px 12px }
.dd-handle:hover                { color: #2ea8e5; background: #fff; }
.dd-item > button               { position: relative; cursor: pointer; float: left; width: 25px; height: 30px; margin: 0px 0px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: #4CAF50;
                                font-size: 12px; line-height: 1; color: #fff; text-align: center; font-weight: bold; }
.dd-item > button:before        { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before
                                { content: '-'; } 
.dd-placeholder,
.dd-empty                       { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty                       { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                                -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                                -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                                linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px; }
.dd-dragel                      { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle{ margin-top: 0; }
.dd-dragel .dd-handle           { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); }
.nestable-lists                 { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } 
#nestable-menu                  { padding: 0; margin: 20px 0; }
#nestable-output,
#nestable2-output               { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
#nestable2 .dd-handle           { color: #fff; border: 1px solid #999; background: #bbb; background: -webkit-linear-gradient(top, #bbb 0%, #999 100%); background: -moz-linear-gradient(top, #bbb 0%, #999 100%);
                                background: linear-gradient(top, #bbb 0%, #999 100%); }
#nestable2 .dd-handle:hover     { background: #bbb; } 
#nestable2 .dd-item > button:before
                                { color: #fff; }
.dd + .dd                       { margin-left: 2%; }
.dd-hover > .dd-handle          { background: #2ea8e5 !important; }
.dd3-content                    { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; 
                                background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%); background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%); background: linear-gradient(top, #fafafa 0%, #eee 100%);
                                -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd3-content:hover              { color: #2ea8e5; background: #fff; } 
.dd-dragel > .dd3-item > .dd3-content 
                                { margin: 0; }
.dd3-item > button              { margin-left: 30px; }
.dd3-handle                     { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; 
                                background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%); background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%); background: linear-gradient(top, #ddd 0%, #bbb 100%); 
                                border-top-right-radius: 0; border-bottom-right-radius: 0; }
.dd3-handle:before              { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } 
.dd3-handle:hover               { background: #ddd; } 
#menu-editor                    { margin-top: 40px; } 
#saveButton                     { padding-right: 30px; padding-left: 30px; }
.output-container               { margin-top: 20px; }
#json-output                    { margin-top: 20px; }

/* END CMS */



.scrollbar-inner .compnayName	{ background: #353F94; margin-right: 15px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding: 8px 8px 8px 12px; margin-bottom: 15px;
								border-left: 3px solid #F53465; }
.scrollbar-inner .compnayName h2{ color: #fff; margin: 0; font-size: 16px; font-weight: 700; }
.scrollbar-inner .compnayName p	{ margin: 0; color: #F53465; font-size: 14px; font-weight: 400; }
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link span.menuNoti
								{ background: #05b560; color: #fff; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; font-weight: 600; }

.profile-list span.avatar-sm	{ width: 36px; height: 36px; }
.profile-list .media-body div.text-sm
								{ color: #0F2A3A; line-height: 20px; font-weight: 700; line-height: 12px; }
.profile-list .media-body span.text-sm
								{ color: #777; font-weight: 600; font-size: 12px !important; }
.navbar-top a.nav-notification 	{ position: relative; width: 36px; height: 36px; padding: 0; line-height: 32px; color: #9AA0A3 !important; text-align: center; border-radius: 50%; font-size: 20px; }
.navbar-top a.nav-notification i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.navbar-top a.nav-notification span.notiTop
								{ position: absolute; top: -4px; right: -4px; background: #05b560; color: #fff; width: 18px; height: 18px; display: block; font-size: 11px; font-weight: 600; line-height: 16px;
								border-radius: 50%; text-align: center; }
.navbar-top a.nav-notification:hover,
.navbar-top a.nav-notification:focus
								{ color: #F53465 !important; }
.navbar-top a.nav-company		{ position: relative; width: 42px; height: 42px; padding: 0 !important; line-height: 42px; background: #F53465; text-align: center; border-radius: 50%; 
								font-size: 20px; margin-right: 15px; }
.navbar-top a.nav-company:hover,
.navbar-top a.nav-company:focus	{ color: #0F2A3A !important; }
.navbar-top .list-group-flush .list-group-item:first-child
								{ padding-top: 1rem; }	
.navbar-top .list-group-item 	{ border: 1px solid #e9ecef; border-left: 0px; border-right: 0px; }								
.navbar-top .company-swipe .list-group-flush .list-group-item
								{ padding-top: 0.5rem; padding-bottom: 0.5rem; }


.mh-breadcrumb .breadcrumb		{ background: #FFFFFF; box-shadow: 0px 2px 10px rgb(22 22 22 / 4%); border-radius: 10px; margin-bottom: 30px; padding: 15px 20px; }
.mh-breadcrumb .breadcrumb li i { font-size: 13px; position: relative; top: -2px; }
.mh-breadcrumb .breadcrumb li,
.mh-breadcrumb .breadcrumb li.active
								{ color: var(--blue); font-size: 15px; font-weight: 500; }
.mh-breadcrumb .breadcrumb li a	{ color: #777; }
.mh-breadcrumb .breadcrumb li:first-child a
								{ color: var(--blue); }
.mh-breadcrumb .breadcrumb li a:hover
								{ color: var(--blue); }
.card-stats						{ position: relative; border-radius: 10px; z-index: 8; margin-bottom: 45px; }
.card-stats:before				{ content: ""; width: 92%; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; margin-top: 15px; height: 100%; border-radius: 10px; 
								opacity: 0.5; z-index: -1; display: block; } 
.card-stats.pinkCard,
.card-stats.pinkCard:before		{ background: #FEE6EC; } 
.card-stats.blueCard,
.card-stats.blueCard:before		{ background: #E7F1F8; } 
.card-stats.yelloCard,
.card-stats.yelloCard:before	{ background: #FFF6DC; } 
.card-stats.greenCard,
.card-stats.greenCard:before	{ background: #ECFDF3; } 
.card-stats .card-icon			{ width: 60px; height: 60px; background: #fff; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.card-stats.pinkCard .card-icon	{ border-color: var(--pink);  } 
.card-stats.blueCard .card-icon	{ border-color: #0C202D; } 
.card-stats.yelloCard .card-icon{ border-color: #F79009; } 
.card-stats.greenCard .card-icon{ border-color: #027948; } 
.card-stats .card-icon img		{ width: 32px; height: 32px; } 
.card-stats h2					{ font-size: 16px; font-weight: 500; margin: 0; }
.card-stats p.stats-count		{ font-size: 28px; font-weight: 800; margin-bottom: 3px; line-height: 1; } 
.card-stats.pinkCard p.stats-count
								{ color: var(--pink); }
.card-stats.blueCard p.stats-count
								{ color: #0C202D; }
.card-stats.yelloCard p.stats-count
								{ color: #F79009; }
.card-stats.greenCard p.stats-count
								{ color: #027948; }






.card.dashCard 					{ box-shadow: 0px 2px 15px rgb(22 22 22 / 8%); border-radius: 10px; }
.dashCard .card-header			{ border-radius: 10px 10px 0 0; }
.dashCard .card-header p		{ display: block; font-size: 16px; line-height: 16px; font-weight: 600; color: #0F2A3A; margin: 0; padding: 6px 0; }
.mh-assignCard 					{ background: #E7F1F8; }
.mh-assignCard button			{ padding-top: 15px; padding-bottom: 15px; }
.mh-shiftNav					{ padding: 20px 15px; }
.mh-shiftNav ul.nav li			{ flex: unset; }
.mh-shiftNav ul.nav	li a		{ background: #FFF6F8; color: var(--pink); border-radius: 8px; box-shadow: none; width: 140px; padding: 8px 5px; }
.mh-shiftNav ul.nav	li a:hover	{ background: var(--blue); color: #fff; }
.mh-shiftNav ul.nav	li a.active { background: var(--pink); color: #fff; }

table tr						{ background-color: transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
								transition: all 0.5s ease-in-out; }
table tr:nth-child(even),
table tr.even					{ background: #FCFCFC; }
table tr.profile-lock           { background: rgba(18,206,240,0.25); }
table tr.reject                 { background: rgba(255,193,7,0.2); }
table.table-flush tr:hover		{ background: rgb(38,192,254,0.12); }
table.table-flush tr td			{ font-size: 14px; font-weight: 500; color: #777; vertical-align: middle; padding-top: 10px; padding-bottom: 10px; }
table.table-flush tfoot tr		{ background: #EFF1FF; }
table.table-flush tfoot tr th	{ color: #0F2A3A; font-size: 14px; font-weight: 700; padding-top: .75rem; padding-bottom: .75rem; }
.tdShift h2						{ font-size: 14px; font-weight: 600; margin: 0; }
.tdShift p						{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; width: 300px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; 
								white-space: -o-pre-wrap; word-wrap: break-word; } 
.tdCandidate					{ display: flex; }
.tdCandidate img				{ width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: top; margin-right: 15px; }
.tdCandidate div h2				{ font-size: 14px; font-weight: 600; line-height: 1; margin: 0 0 5px 0; }
.tdCandidate div p				{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; }
span.tdDuration 				{ width: 80px; text-align: center; font-size: 12px; line-height: 1.2; font-weight: 500; background: #ddd; color: #000; padding: 4px 10px; border-radius: 4px;
								display: inline-block; }
span.tdDuration.fulltime		{ background: #FFF6F8; color: var(--pink); }
span.tdDuration.parttime		{ background: #F5FAFC; color: #0F2A3A; }
span.tdDuration.perdiem			{ background: #FFF6DC; color: #F79009; }
span.tdDuration.contract 		{ background: #ECFDF3; color: #039855; }

span.payStatus					{ width: 80px; display: inline-block; text-align: center; font-size: 12px; font-weight: 600; background: #ddd; color: #000; padding: 4px 10px; 
								border-radius: 4px;} 
span.payStatus.completed		{ background: #d0eddc; color: #0a6c40; }
span.payStatus.paid				{ width: 70px; background: #d0eddc; color: #0a6c40; }
span.payStatus.failed			{ background: #fde1e7; color: #d71849; }
span.payStatus.unpaid			{ width: 70px; background: #fde1e7; color: #d71849; }

.tdShiftTime					{ font-size: 13px; font-weight: 600; } 
.tdShiftTime p					{ font-size: 13px; font-weight: 600; color: var(--blue); margin: 0; }
.tdShiftRate					{ font-size: 16px; font-weight: 600; color: var(--blue); } 
.tdShiftTotalRate				{ font-size: 18px; font-weight: 800; color: var(--pink); } 
.tdShiftURate					{ font-size: 16px; font-weight: 700; color: #000; } 
.tdShiftTtlTotal				{ font-size: 22px; font-weight: 600; color: var(--blue); text-align: right; }
.tdApplied						{ margin: 10px 0; }
.tdApplicantTime				{ text-align: right; }
.tdApplicantTime p				{ font-size: 13px; font-weight: 600; color: #777; margin: 0; }
.tdApplicantTime p i			{ margin: 0 8px; color: #9AA0A3; }
.tdApplicantTime h2				{ font-size: 18px; font-weight: 700; color: var(--pink); margin: 0; }
.tdLocation						{ width: 250px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
span.tdStatusTran				{ width: 90px; text-align: center; font-size: 12px; font-weight: 500; background: #ddd; color: #000; padding: 4px 10px; border-radius: 4px; }
span.tdStatusTran.completed		{ background: #F6FEF9; color: #039855; }
span.tdStatusTran.failed		{ background: #ffe7e7; color: #f50404; }
.tdTransType					{ font-size: 14px; font-weight: 600; color: var(--blue); }
.tdTransAmt						{ font-size: 18px; font-weight: 700; color: var(--pink); margin: 0; } 
.tdLogDate h2					{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; }
.tdLogDate p					{ font-size: 14px; font-weight: 600; margin: 0; color: var(--blue);} 
.tdLogTime						{ display: flex; align-items: center; }
.tdLogTime h2					{ font-size: 14px; font-weight: 600; margin: 0; color: var(--blue); }
.tdLogTime p					{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; }
.tdLogTime i					{ margin: 0 20px; }
.tdOrganization					{ display: flex; align-items: center; }
.tdOrganization img				{ width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: top; margin-right: 15px; border: 2px solid var(--pink); padding: 3px; }
.tdOrganization div h2			{ font-size: 14px; font-weight: 600; line-height: 1.3; margin: 5px 0; width: 230px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; 
								white-space: -o-pre-wrap; word-wrap: break-word; }
.tdOrganization div p 			{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; }
.list-group .tdOrganization		{ align-items: start; }
.list-group .tdOrganization div h2
								{ margin-top: 0; }
.tdTransDate					{ background: #E7F1F8; border-radius: 6px; color: var(--blue); padding: 10px 5px; text-align: center; width: 50px; }
.tdTransDate p					{ margin: 0; font-size: 14px; font-weight: 700; line-height: 1.3; }
p.tdViaPay						{ margin: 3px 0 0 0; color: #000; }
.tdTotalStats					{ color: var(--blue); font-size: 14px; font-weight: 700; line-height: 1.2; }
.tdTotalStats span				{ display: block; font-size: 13px; font-weight: 500; color: #777; }
.tdCategoryThumb				{ display: flex; align-items: center; }
.tdCategoryThumb img			{ width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: top; margin-right: 15px; border: 2px solid var(--pink); padding: 3px; }
.tdCategoryThumb h2				{ font-size: 14px; font-weight: 600; }
.tdRoleName						{ font-size: 14px; font-weight: 600; color: var(--blue); }
.tdRateMinMax div				{ font-weight: 500; color: var(--blue); }
.tdRateMinMax div:last-child	{ font-weight: 800; }

.dataList li:first-child		{ border-top-right-radius: 10px; border-top-left-radius: 10px; }
.dataList li h2					{ font-size: 14px; margin-bottom: 0; }
.dataList li p					{ font-size: 14px; font-weight: 500; margin: 0; color: #777; }
.dataGridList li:first-child	{ border-top-right-radius: 10px; border-top-left-radius: 10px; }
.dataGridList li h1				{ font-size: 16px; font-weight: 700; color: var(--pink); }
.dataGridList li h2				{ font-size: 14px; margin-bottom: 0; }
.dataGridList li p				{ font-size: 14px; font-weight: 500;margin: 0; color: #777; }
.mh-candidate-profile			{ text-align: center; margin: 30px 0 15px 0; }
.mh-candidate-profile img		{ width: 160px; border: 3px solid var(--pink); margin-bottom: 10px; }
.mh-candidate-profile h2		{ font-size: 14px; margin-bottom: 0; } 
.mh-candidate-profile p			{ font-size: 14px; font-weight: 500; margin: 0; color: #777; }
.mh-cTotalEarning				{ background: #F5FAFC; border-radius: 10px; margin: 10px 16px; padding: 15px 12px; display: flex; justify-content: space-between; align-items: center; }
.mh-cTotalEarning h2			{ font-size: 14px; line-height: 1; margin: 0; }
.mh-cTotalEarning p				{ font-size: 18px; line-height: 1; font-weight: 600; color: var(--blue); margin: 0; }
.mh-cDocuments					{ margin-top: 20px; padding: 16px; border-top: 1px solid #e1e1e1; }
.mh-cDocuments h2				{ font-size: 16px; font-weight: 700; color: var(--pink); margin-bottom: 10px; }
.mh-cDocuments .d-flex p		{ font-size: 14px; line-height: 1; font-weight: 400; color: #777; margin: 0; }
.mh-cDocuments .d-flex p i		{ margin-right: 5px; }
.mh-endShift					{ text-align: center; padding: 30px 15px; border-bottom: 1px solid #ddd; }
.mh-endShift h2					{ font-size: 16px; font-weight: 700; margin-bottom: 15px; }
.mh-paymentShift				{ padding: 15px 15px; } 
.mh-paymentShift h1				{ font-size: 16px; font-weight: 700; color: var(--pink); margin-bottom: 10px; }
.mh-paymentShift .d-flex		{ margin: 25px 0; }
.mh-paymentShift .d-flex h2		{ color: #777; font-size: 16px; line-height: 1; font-weight: 500; margin: 0; }
.mh-paymentShift .d-flex h2 i	{ width: 36px; height: 36px; background: #ddd; border: 1px solid #555; border-radius: 50%; text-align: center; font-size: 18px; line-height: 34px; margin-right: 5px; }
.mh-paymentShift .d-flex p		{ font-size: 20px; line-height: 1; margin: 0px; font-weight: 700; }
.mh-paymentShift .total-payment h2 i
								{ background: #E7F1F8; border-color: #7CB9DD; color: var(--blue); }
.mh-paymentShift .total-payment p
								{ color: var(--blue); } 
.mh-paymentShift .pending-payment h2 i
								{ background: #FEF8F7; border-color: #FDA19B; color: #D92D20; }
.mh-paymentShift .pending-payment p
								{ color: #D92D20; }
.mh-paymentShift .completed-payment h2 i
								{ background: #F6FEF9; border-color: #AEEBCA; color: #039855; }
.mh-paymentShift .completed-payment p
								{ color: #039855; }
.mh-price-range-field			{ position: relative; width: 100%; height: 5px; margin-top: 6px; box-sizing: border-box; }
.mh-price-range-field input[type=range]
								{ position: absolute; width: 100%; height: 2px; border: 0; outline: 0; box-sizing: border-box; border-radius: 5px; pointer-events: none; 
								-webkit-appearance: none; }
.mh-price-range-field input[type=range]::-webkit-slider-thumb
								{ -webkit-appearance: none; }
.mh-price-range-field input[type=range]:active,
.mh-price-range-field input[type=range]:focus
								{ outline: 0; }
.mh-price-range-field input[type=range]::-ms-track
								{ width: 100%; height: 2px;  border: 0; outline: 0; box-sizing: border-box;  border-radius: 5px; pointer-events: none; background: var(--blue);
								border-color: transparent; color: transparent; border-radius: 5px; }
.mh-price-range-field input[type=range]::-webkit-slider-thumb
								{ position: relative; -webkit-appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -4px;
								background-color: var(--pink); cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-moz-range-thumb
								{ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -5px; 
								background-color: var(--pink);; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-ms-thumb
								{ position: relative; appearance: none; margin: 0; border: 0; outline: 0; border-radius: 50%; height: 10px; width: 10px; margin-top: -5px; 
								background-color: var(--pink);; cursor: pointer; cursor: pointer; pointer-events: all; z-index: 100; }
.mh-price-range-field input[type=range]::-webkit-slider-runnable-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]::-moz-range-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]::-ms-track
								{ width: 100%; height: 2px; cursor: pointer; background: var(--blue); border-radius: 5px; }
.mh-price-range-field input[type=range]:hover::-webkit-slider-thumb
								{ box-shadow: 0 0 0 0.5px var(--pink); transition-duration: 0.3s; }
.mh-price-range-field input[type=range]:active::-webkit-slider-thumb
								{ box-shadow: 0 0 0 0.5px var(--pink); transition-duration: 0.3s; }
.mh-price-wrap					{ display: flex; justify-content: end; align-items: center; }
.mh-price-wrap div				{ margin: 0 5px; font-weight: 600; font-size: 14px; line-height: 1; color: #777; }
.mh-price-wrap div:last-child	{ margin-right: 0px }
.mh-price-range-btn				{ margin-top: 5px; }
.mh-price-range-btn .btn		{ border-radius: 20px; padding: 2px 15px; font-weight: 400; font-size: 13px; letter-spacing: 0.5px; }


.mh-empty-col					{ text-align: center; padding: 35px 0; }
.mh-empty-col img				{ width: 190px; }
.mh-empty-col h2				{ font-size: 18px; font-weight: 800; margin: 15px 0 0 0; }
a.btn.btn-view					{ background: var(--purple); width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-edit					{ background: #00c851; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-delete				{ background: #ff3547; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-done					{ background: #00c851; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-add					{ background: #F53465; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-accept				{ background: #039855; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }
a.btn.btn-reject				{ background: #D92D20; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; border-radius: 50%; }

.filterRow						{ margin: 15px 15px 15px 15px; background: #F8F9F9; padding: 8px 15px 15px 15px; border-radius: 10px; box-shadow: 0 0 0.15rem 0 rgb(0 0 0 / 12%); } 
.filterRow .form-group 			{ margin-bottom: 15px; }
.mh-filterBtn					{ text-align: right; margin-top: 35px; }

span.error 						{ color: #ff3547; font-size: 12px; font-weight: 600; }
span.mh-invitedStatus			{ font-size: .75rem; font-weight: 500; border-radius: 0.25rem; line-height: 1.5; padding: 0.25rem 1rem; background: var(--blue); color: #fff; margin-top: 8px; 
								display: inline-block; }

.form-checkbox-flex				{ display: flex; display: -webkit-flex; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; 
								margin-left: -15px; margin-right: -15px; }
.form-checkbox-flex .form-checkbox-item
								{ padding-left: 15px; padding-right: 15px; max-width: 25%; flex: 0 0 25%; }
.form-checkbox-flex .form-checkbox-item label
								{ display: block; padding: 20px; text-align: center; box-shadow: 0px 2px 10px rgba(22, 22, 22, 0.04); border: 1px solid rgba(22, 22, 22, 0.04); border-radius: 6px; position: relative;
								margin: 0 0 30px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
								transition: all 0.5s ease-in-out; }
.form-checkbox-flex .form-checkbox-item label:hover
								{ border-color: #e1e1e1; }
.form-checkbox-flex .form-checkbox-item input
								{ width: 0; height: 0; position: absolute; left: -9999px; }
.form-checkbox-flex .form-checkbox-item label i
								{ position: absolute; top: 0px; right: 0; background: var(--pink); color: #fff; font-size: 12px; width: 20px;  height: 20px; line-height: 20px;
								border-top-right-radius: 4px; border-bottom-left-radius: 6px; opacity: 0; }
.form-checkbox-flex .form-checkbox-item label img
								{ width: 42px; margin-bottom: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
								position: relative; top:0px; }
.form-checkbox-flex .form-checkbox-item label:hover img
								{ top: 3px; }
.form-checkbox-flex .form-checkbox-item label h2
								{ margin: 0; text-align: right; font-size: 26px; line-height: 24px; font-weight: 700; color: #29348E; }
.form-checkbox-flex .form-checkbox-item label p
								{ font-size: 14px; line-height: 1; font-weight: 500; color: var(--primary); margin: 10px 0 0 0; }
.form-checkbox-flex input:checked+label:hover,
.form-checkbox-flex input:checked+label 
								{ border-color: var(--pink); }
.form-checkbox-flex input:checked+label i
								{ opacity: 1; }
.form-checkbox-flex input:checked+label:hover img
								{ top:0px; }

.mh-orgDetails					{ display: flex; align-items: center; justify-content: space-between; height: 100%; }
.mh-orgDetails img				{ width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 2px solid var(--pink); }
.mh-orgDetails .mh-orgThumb		{ margin-left: 15px; }
.mh-orgDetails .mh-orgThumb h2	{ font-size: 16px; font-weight: 700; color: var(--blue); margin-bottom: 2px; }
.mh-orgDetails .mh-orgThumb	p	{ font-size: 16px; font-weight: 500; margin: 0; color: #777; }
.mh-orgDetails .mh-orgThumb	h3	{ font-size: 16px; font-weight: 500; margin: 0; color: #039855; }
.mh-orgDetails .mhOrgTtl h2		{ font-size: 16px; font-weight: 500; margin: 0; color: #777; }
.mh-orgDetails .mhOrgTtl p		{ font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--blue); margin: 0; }
.mh-paymentShift.mh-payShiftSpace .d-flex
								{ margin: 20px 0; }
.mh-paymentShift.mh-payShiftSpace .d-flex:first-child
								{ margin-top: 0px; }
.mh-paymentShift.mh-payShiftSpace .d-flex:last-child
								{ margin-bottom: 0px; }
.mh-slctOrg						{ background: #E7F1F8; padding: 15px 20px 1px 20px; border-radius: 10px; margin-bottom: 30px; }
h2.mh-cardHeading				{ font-size: 16px; font-weight: 700;  color: var(--pink); padding: 12px 16px; border-bottom: 1px solid #e1e1e1; margin: 0; }
ul.mh-ulCatList					{ padding-left: 18px;  margin: 0; list-style: disc; }
ul.mh-ulCatList li				{ font-size: 14px; font-weight: 600; color: var(--blue); margin-bottom: 5px; }

.mh-invoiceHeader .d-flex img	{ border-radius: 50%; width: 60px; height: 60px; border: 2px solid var(--pink); }
.mh-invoiceHeader .mh-invoiceOrg{ margin-left: 15px; }
.mh-invoiceHeader .mh-invoiceOrg h2
								{ font-size: 14px; font-weight: 600; margin: 0; }
.mh-invoiceHeader .mh-invoiceOrg p
								{ font-size: 13px; font-weight: 500; color: #777; margin: 0; line-height: 1.5; padding: 0; }
.mh-invoiceHeader .mh-lstInvoice h2,
.mh-invoiceHeader .mh-invBank h2{ font-size: 14px; margin-bottom: 0; }
.mh-invoiceHeader .mh-lstInvoice p,
.mh-invoiceHeader .mh-invBank p	{ font-size: 14px; font-weight: 500;  margin: 0; color: #777; }
.mh-invoiceHeader .mh-lstCanInvoice p,
.mh-invoiceHeader .mh-invBank p	{ margin-bottom: 20px; }
.mh-invoiceHeader .mh-invBank .col-4:nth-child(4) p,
.mh-invoiceHeader .mh-invBank .col-4:last-child p,
.mh-invoiceHeader .mh-lstCanInvoice .mh-lstInvoice:last-child p
								{ margin-bottom: 0px; }
.mh-invoiceHeader .mh-lstInvoice p.sentAmt
								{ font-weight: 700; color: var(--danger); }
.mh-invoiceHeader .mh-lstInvoice p.recAmt
								{ font-weight: 700; color: var(--success); }
.mh-invoiceAction 				{ background: var(--primary); padding: 15px; border-radius: 10px; }
.mh-invoiceAction h2			{ font-size: 16px; font-weight: 700; margin: 0; color: var(--white);}
.mh-invoiceAction .btn			{ padding-top: 14px; padding-bottom: 14px; }
.mh-invoiceAction .form-control	{ font-weight: 700; }
table.mh-tblInvoice .tdShiftRate{ font-size: 14px; font-weight: 700; }
table.mh-tblInvoice tr:nth-child(even),
table.mh-tblInvoice	tr:hover	{ background: transparent !important; }
table.mh-tblInvoice tr.trHoliday td
								{ padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #e1e1e1; }
table.mh-tblInvoice tr.trSubTotal td
								{ padding-top: 5px; padding-bottom: 5px; border-bottom: 3px solid #e1e1e1; }
table.mh-tblInvoice tr.trBreak .tdShiftRate
								{ color: var(--danger); }
table.mh-tblInvoice tr.trSubTotal .tdShiftRate				
								{ font-size: 15px;}
table.mh-tblInvoice tr.trTotalAmount td
								{ background: #f2f2f2; border-bottom: 2px solid #e1e1e1; font-size: 16px; font-weight: 700; color: var(--blue); }
table.mh-tblInvoice tr.trTotalAmount td.tdShiftTtlTotal
								{ color: #555; }
table.mh-tblInvoice .tdSubTitle { color: var(--blue); }
table.mh-tblInvoice .tdSubTitle span
								{ color: #777; font-size: 13px; margin-left: 5px; }






.mh-cardTotal					{ background: var(--pink); color: var(--white); }
.mh-cardTotal i					{ background: rgba(255,255,255,0.2); width: 42px; height: 42px; line-height: 42px; border-radius: 50%; text-align: center; font-size: 24px; }
.mh-cardCanTotal i				{ width: 50px; height: 50px; line-height: 50px; font-size: 32px; }
.mh-cardTotal h2				{ font-size: 20px; font-weight: 600; line-height: 1; color: var(--white); margin: 0; }
.mh-cardTotal p					{ font-size: 14px; font-weight: 400; margin: 5px 0 10px 0; }
.mh-cardCanTotal p				{ margin: 0px 0 3px 0; }
.mh-invCanDeduct .row			{ margin-bottom: 20px; margin-right: -5px; margin-left: -5px; }
.mh-invCanDeduct [class*="col-"]{ padding-right: 5px; padding-left: 5px; }
.mh-invCanDeduct h2				{ font-size: 14px; font-weight: 700; margin: 0; text-align: right; }
.mh-invCanDeduct input.mh-amountRed
								{ font-weight: 700; color: #ff3547; }
.mh-invCanDeduct input.mh-amountGreen
								{ font-weight: 700; color: var(--success); }
.mh-canPayFooter				{ border-top: 1px solid #e1e1e1; }
.mh-candidate-pay h2			{ font-size: 16px; font-weight: 600; margin: 0; }
.mh-candidate-pay p				{ margin-bottom: 20px; font-size: 24px; color: var(--pink); font-weight: 700; }




.mh-invoiceDate					{ background: var(--pink); color: #fff; border-radius: 10px; padding: 10px 15px; margin: 15px; display: flex; align-items: center; justify-content: space-between; }
.mh-invoiceDate	div				{ font-size: 14px; }
.mh-invoiceDate	div strong		{ font-weight: 600; margin-right: 5px; }
.mh-invoice-footer				{ padding-top: 50px; margin: 15px; } 
.mh-invoice-footer .list-group li a
								{ font-size: 14px; font-weight: 500; margin: 0; color: #777; }
.mh-invoice-footer .list-group li a:hover
								{ color: var(--pink); }
.mh-invoice-amount				{ text-align: right; }
.mh-invoice-amount h2			{ font-size: 16px; font-weight: 600; margin: 0; }
.mh-invoice-amount p			{ margin-bottom: 10px; font-size: 24px; color: var(--pink); font-weight: 700; }
.btn-close						{ border: 0; background: transparent; font-size: 24px; line-height: 1; padding: 0; outline: none !important; }
.btn-close:hover				{ color: var(--pink); }
.mh-inputImg					{ width: 78px; height: 78px; }
.card-header .mh-titleTotal		{ text-align: right; }
.card-header .mh-titleTotal h2	{ font-size: 18px; line-height: 20px; font-weight: 700; color: var(--pink); margin: 0; } 
.card-header .mh-titleTotal p	{ font-size: 13px; padding: 0; font-weight: 600; }
.mh-candDuductLst				{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; }
.mh-candDuductLst h2			{ font-size: 16px; font-weight: 700; margin-bottom: 0; }
.mh-candDuductLst p				{ font-size: 18px; font-weight: 800; color: #ff3547; margin: 0; }
.mh-candDuductLst p.successColor{ color: var(--success); }


body .fc .fc-header-toolbar		{ margin: 10px 0 30px 0; }
.fc-toolbar-chunk div           { display: flex; align-items: center; background: var(--blue); border-radius: 50px; color: #fff; }
.fc-toolbar-chunk div button.fc-prev-button,
.fc-toolbar-chunk div button.fc-next-button
                                { padding: 4px; background: #2F424E !important; border: 0; color: var(--black); margin: 0; font-size: 16px; outline: none !important; box-shadow: none !important; } 
.fc-toolbar-chunk div button.fc-prev-button
								{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.fc-toolbar-chunk div button.fc-next-button
								{ border-top-right-radius: 25px; border-bottom-right-radius: 25px; }
.fc .fc-toolbar-title           { font-size: 16px; font-weight: 400; line-height: 1; color: #ffff; margin: 0 15px; }

.fc .fc-toolbar-chunk .fc-button-group button
								{ box-shadow: none !important; text-transform: capitalize; font-size: 16px; font-weight: 400; padding: 8px 20px; }
.fc .fc-toolbar-chunk .fc-button-group button:first-child
								{ border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.fc .fc-toolbar-chunk .fc-button-group button:last-child
								{ border-top-right-radius: 25px; border-bottom-right-radius: 25px; }




.card-group .card.cardUList     { z-index: 200; box-shadow: none; border-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 1px solid #E8E8F3; }
.card-group .card.cardUChats    { flex-grow: 2.5; border-radius: 10px; box-shadow: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.card.cardUList .card-body      { padding-left: 0; padding-right: 0;    padding-bottom: 0; }
.card.cardUList .chatSearchForm { margin: 0 15px 15px 15px; }
.card.cardUList .chatSearchForm .searchField
								{ position: relative; }
.card.cardUList .searchField input
								{ width: 100%; border: 1px solid #E8E8F3; box-shadow: none; border-radius: 25px; padding: 6px 40px 6px 15px; font-size: 14px; outline: none; }
.card.cardUList .searchField button
								{ background: none; border: 0px; position: absolute; right: 0; padding: 6px 16px 6px 8px; color: var(--blue); outline: none; }
.card.cardUList .searchField button:hover
								{ color: var(--blue); }
.card.cardUList ul.list-group   { height: calc(100vh - 145px); overflow-y: auto; overflow-x: hidden; }
.card.cardUList ul li.list-group-item
								{ cursor: pointer; padding: 15px !important; background: transparent; border-color: #E8E8F3; -webkit-transition: all 0.5s ease-in-out;
                                -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.card.cardUList ul li.list-group-item:hover,
.card.cardUList ul li.list-group-item.active
								{ background: #f2f2f2; }
.card.cardUList ul li.list-group-item.active h2
                                { font-weight: 700; }
.card.cardUList ul li.list-group-item.active p
                                { font-weight: 500; }
.userListImg img                { width: 48px; height: 48px; }
.userListMsg                    { width: calc(100% - 70px); }
.userListMsg h2                 { color: var(--blue); font-size: 14px; margin: 0; }
.userListMsg h2 span            { font-weight: 400; color: #000; font-size: 12px; display: inline-block; }
.userListMsg p                  { font-size: 13px; margin: 0; color: #777; font-weight: 500; }
.noChatAvail                    { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
.noChatAvail img                { width: 200px; margin: 30px; }
.noChatAvail p                  { font-weight: 400; color: var(--blue); font-size: 28px; }
.card.cardUChats .card-body     { padding: 0; }
.card.cardUChats .userDetail    { padding: 15px; border-bottom: 1px solid #E8E8F3; z-index: 100; position: relative; }
.card.cardUChats .userDetail h2 { color: var(--blue); font-size: 14px; font-weight: 600; margin: 0; }
.card.cardUChats .userDetail p  { margin: 0; font-size: 13px; font-weight: 500; color: #777; }
.card.cardUChats .userDetail img.avatar
								{ width: 48px; height: 48px; }
.noChatAvail .chatLoader        { width: 64px; }
.requestChatMst                 { display: flex; flex-direction: column; min-width: 0; }
.requestChatMst .chat-body      { padding: 0; }
.requestChatMst .chat-body .chatMessage
								{ height: auto; min-height: calc(100vh - 225px); max-height: calc(100vh - 225px); overflow-y: auto; overflow-x: hidden; }
.card.cardUList ul.list-group::-webkit-scrollbar,
ul.chatMediaLst::-webkit-scrollbar,
.chatMessage::-webkit-scrollbar 
								{ width: 4px; }
.card.cardUList ul.list-group::-webkit-scrollbar-thumb,
ul.chatMediaLst::-webkit-scrollbar-thumb,
.chatMessage::-webkit-scrollbar-thumb
								{ background-color: var(--blue); border: 0; }
.card.cardUList ul.list-group::-webkit-scrollbar-track,
ul.chatMediaLst::-webkit-scrollbar-track,
.chatMessage::-webkit-scrollbar-track
								{ -webkit-box-shadow:0; background-color: transparent; border-radius: 10px; }
.chatMessage p 		            { font-weight: 500; font-size: 12px; color: var(--blue); text-align: center; margin: 10px 15px; text-transform: capitalize; position: relative; }
.chatMessage p span 	        { background: #f2f2f2; padding: 2px 15px; display: inline-block; z-index: 1; position: relative; border-radius: 15px; }
.chatMessage p:after 			{ content: ''; width: 100%; height: 1px; background: #f2f2f2; display: block; position: absolute; top: 50%; }
.chatMessage ul.list-group li   { background: transparent; border: 0; padding: 0; margin: 15px 10px 5px 10px; }
.chatMessage ul.list-group li:last-child
								{ margin-bottom: 15px; }
.chatMessage ul.list-group li.sender .chatTime
                                { font-size: 12px; font-weight: 300; margin-top: 5px; color: #fff; }
.chatMessage ul.list-group li.receiver .chatTime
                                { font-size: 12px; font-weight: 300; margin-top: 5px; color: #777; }
.chatAttach a 					{ color: var(--blue); font-size: 12px; font-weight: 600;} 
.chatMessage ul.list-group li.sender .media-comment-text .chatAttach a
                                { color: #fff; }
.chatMessage ul.list-group li.sender .media-comment-text .chatAttach a:hover
                                { color: #fff; }
.chatAttach a img				{ width: 14px; position: relative; top: -1px; margin-right: 1px; }
.chatMessage .media-comment-text .text-sm
								{ color: #000; font-size: 13px !important; font-weight: 500; white-space: pre-line; }
.chatForm                       { padding: 10px 15px; border-top: 1px solid #E8E8F3; }
.chatForm form 					{ position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; }
.chatForm form .chatFormInput	{ -webkit-box-flex: 1; flex-grow: 1; }
.chatForm form .chatFormSendBtn	{ margin-left: 15px; display: inline-block; position: relative; text-align: center; font-size: 18px; padding-left: 15px; padding-right: 15px; }
.chatForm form .chatFormInput textarea.form-control
                                { height: calc(1.5em + 1.25rem + 5px); resize: none; border-radius: 10px; }
.chatMessage .media-body 		{ flex: unset; } 
.mediaPinBtn            		{ position: absolute; top: 0; right: 0; left:0; bottom: 0; width: 100%; height: 100%; font-size: 0px; text-align: right; 
								filter: alpha(opacity=0); opacity: 0; outline: none; cursor: pointer; display: block; }
.media-comment 					{ margin-top: 10px; }
.media-comment-avatar 			{ position: relative; z-index: 1; margin-top: -1rem; margin-right: -2rem; transition: all .15s ease; border: 3px solid #fff; padding: 1px;
                                background: #E7F1F8; object-fit: cover; min-width: 52px; min-height: 52px; max-height: 52px; max-width: 52px; height: 100%; width: 100%; } 
@media (prefers-reduced-motion:reduce)
								{
    .media-comment-avatar 		{ transition: none }
								}
.media-comment-text				{ position: relative; padding: 10px 15px 10px 40px; border-radius: 10px; border-top-left-radius: 0; background-color: #E7F1F8; 
								color: var(--blue); font-size: 13px; }
.media-comment:hover .media-comment-avatar
								{ transform: scale(1.1) }
.chatMessage ul.list-group li.sender
								{ text-align: right; }
.chatMessage ul.list-group li.sender .media	
								{ justify-content: flex-end; }
.chatMessage ul.list-group li.sender .media-comment-text
								{ padding: 10px 40px 10px 15px; border-radius: 10px; border-top-right-radius: 0; background-color: var(--blue); color: #fff; }
.chatMessage ul.list-group li.sender .media-comment-avatar
								{ margin-left: -2rem; margin-right: 0px; border: 3px solid #fff; padding: 1px; background: var(--blue); object-fit: cover; min-width: 52px;
                                            min-height: 52px; max-height: 52px; max-width: 52px; height: 100%; width: 100%; } 


@media (max-width: 1024px)		{
	.login-page .loginBag		{ background-position: center top; }
	.login-card-header img 		{ width: 250px; }
	.login-page .loginBag .loginBag-txt
								{ padding: 15px 20px; }
	.login-page .loginBag-txt p	{ font-size: 16px; font-weight: 400; line-height: 28px; }
	body.mh-admin .login-page .loginBag
								{ width: 100%; }
}


@media (max-width: 767px)		{
	.login-card					{ margin: 30px 0; }
	.login-page .loginBag		{ height: 50vh; }
	.login-page .loginBag-txt p { font-size: 14px; font-weight: 400; line-height: 24px; }
	body.mh-admin .login-page .loginBag
								{ width: 100%; background-size: contain; }
}

@media (max-width: 576px)		{
	.mh-regBody 				{ padding: 10% 0; }
	.mh-regStepTtl h2 			{ margin: 0 15px 0 0; font-size: 32px; line-height: 42px; }
	.mh-regStepTtl div h4 		{ font-size: 24px; }
	.mh-regForm .card-body 		{ padding: 20px; }
}

.mh-regForm	.agreementDis .btn.disabled, .btn:disabled
								{ pointer-events:none; }
.card .card-body ul.list-group li.lastChild
								{ color: #777; font-size: 14px; font-weight: 500; }