/*!

=========================================================
* TMS - v1.0.0
=========================================================
*/

.med-header						{ border-top: 6px solid #E9E4D9; padding-top: 30px; }
.med-header img					{ width: 300px; }
section.med-hero,
section.med-about,
section.med-service,
section.med-promo,
section.med-promoHome,
section.med-sectionPoint,
section.med-sectionHelp         { padding: 5% 0; } 
section.med-promo				{ background: url(../img/bag-vector.svg); background-position: 85% center; background-size: 25%; background-repeat: no-repeat; }
section.med-promoHome			{ background-position: 85% center; background-size: 25%; background-repeat: no-repeat; background-color: #F2EFE9;
								background-attachment: fixed; }
section.med-about		        { background: #F2EFE9; }
section.med-sectionPoint		{ background: #2A2E3D; }
section.med-hero h2             { font-size: 42px; line-height: 1.2; font-weight: 800; color: #EF6A58; margin: 0 0 20px 0; }
section.med-hero h2 span        { font-weight: 300; display: block; }
section.med-hero p,
section.med-about p,
section.med-promoHome p,
section.med-promo p             { color: #2A2E3D; font-weight: 400; font-size: 16px; margin: 10px 0; }
section.med-hero img            { width: 100%; }
section.med-hero .med-hero-act	{ margin-top: 35px; }
section.med-hero .med-hero-act a{ width: 130px; border-radius: 25px; text-transform: uppercase; }
section.med-about img           { width: 100%; }
.med-secTitle                 	{ margin-bottom: 35px; }
.med-secTitle h6                { color: #2A2E3D; font-size: 18px; text-transform: uppercase; margin: 0; }
.med-secTitle h2                { font-weight: 800; color: #EF6A58; font-size: 30px; margin: 0; } 
.med-serBlock					{ text-align: center; margin-bottom: 30px; }
.med-serBlock .med-serImg		{ padding: 15px; }
.med-serBlock .med-serImg img	{ width: 100%; height: 250px; position: relative; top: 0px; -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; }
.med-serBlock:hover .med-serImg img
								{ top: -5px; }
.med-serBlock h2				{ font-weight: 800; color: #EF6A58; font-size: 18px; margin: 15px 0; -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; }
.med-serBlock:hover h2			{ color: #2A2E3D; }
.med-serBlock p					{ color: #2A2E3D; font-weight: 400; }
.med-iconBlock					{ margin: 30px 0; }
.med-iconBlock .med-icon		{ background: #EF6A58; max-width: 64px; width: 100%; height: 64px; line-height: 64px; border-radius: 50%; color: #fff; text-align: center; font-size: 32px;
								margin-right: 15px; position: relative; top: 0px; -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; }
.med-iconBlock:hover .med-icon	{ top: -5px; background: #fff; color: #EF6A58; }
.med-iconBlock:hover .med-text h2
								{ top: -5px; color: #fff; }
.med-iconBlock .med-text h2		{ font-weight: 800; color: #EF6A58; -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; }
.med-iconBlock .med-text p		{ margin: 0; font-size: 18px; color: #fff; font-weight: 200; }
.med-saveBox					{ margin: 30px 0 0 0; }
.med-saveBox div				{ font-size: 18px; font-weight: 800;  color: #2A2E3D; margin-bottom: 25px; text-transform: uppercase; }
.med-saveBox h2					{ font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; color: #9f988a; margin: 0; }
.med-saveBox div span			{ color: #EF6A58; display: block; font-size: 30px; line-height: 1.3; }
.med-saveBox p 					{ font-size: 14px !important; font-weight: 600 !important; }
.med-sectionHelp .med-secSubTitle
								{ margin-top: 30px; }
.med-sectionHelp .med-secSubTitle h2
								{ font-weight: 800; color: #2A2E3D; font-size: 18px; }
.med-sectionHelp p				{ color: #9f988a; font-weight: 600 }
.med-sectionHelp p a			{ color: #9f988a; }
.med-footer						{ background: #F2EFE9; color: #2A2E3D; padding: 50px 0 10px 0; }
.med-footer img					{ padding-top: 10px; width: 300px; }
.med-footer .d-flex a			{ color: #2A2E3D; display: block; font-weight: 400; padding: 0 0 0 30px; }
.med-footer a:hover				{ color: #EF6A58; }
.med-footer p					{ margin: 0; font-size: 14px; font-weight: 400; letter-spacing: 1px; padding-top: 60px; }
.med-promo ul.tcList            { margin: 20px 0; }
.med-promo ul.tcList li         { color: #2A2E3D; font-weight: 400; margin-bottom: 10px; }
section.med-promo ul            { padding-left: 20px; }
section.med-promo ul li         { margin-bottom: 20px; line-height: 1.6; }

body.bg-default 				{ background-color: #F2EFE9 !important; }
.login-page .loginBag			{ background-image: url('../img/login_bg.png'); background-color: #EF6A58; background-repeat: no-repeat; background-position: top center; background-size: cover;
								height: 100vh; }
.owner-page .login-page .loginBag
								{ background-color: #E9E4D9; }
.login-page .loginBag:after		{ content: ''; background: url(../img/login_vector.png) bottom center no-repeat; background-size: contain; position: absolute; width: 100%; height: 404px;
								  bottom: 0; left: 0; z-index: 0; } 
.admin-page .login-page .loginBag:after
								{ background: url(../img/admin_login_vector.png) bottom center no-repeat; height: 360px; }
.login-page .login-logo			{ padding: 30px 15px; }
.login-page .login-logo img		{ width: 275px; }
.login-page .loginBox			{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 15px 30px; width: 100%; } 
.login-page .loginBox h2		{ color: #2A2E3D; font-size: 45px; font-weight: 600; line-height: 50px; }
.login-page .loginBox h2 span	{ color: #EF6A58; }
.login-page .loginBox p			{ font-size: 26px; font-weight: 600; text-transform: uppercase; line-height: 36px; color: #2A2E3D; letter-spacing: 0; margin-bottom: 80px; }
.login-page .loginBox h3		{ color: #EF6A58; font-size: 36px; font-weight: 200; }
.login-page .loginBox div		{ color: #2A2E3D; font-size: 24px; line-height: 24px; font-weight: 200; }
.login-page .loginBox div span	{ font-size: 28px; font-weight: 300; margin: 0 0 0 3px; }
.login-page .loginForm			{ position: absolute; width: 100%; left: calc(50% + 8px); top: 50%; transform: translate(-50%,-50%); }
.card.login-card				{ margin: 0; }
.login-card .card-body 			{ padding: 30px; }
.login-card .card-body h2		{ color: #EF6A58; font-size: 24px; line-height: 24px; font-weight: 700; margin-bottom: 35px; }
.forgotPass a					{ font-size: .875rem; font-weight: 600; }
.forgotPass a:hover				{ color: #2A2E3D; }

.client-intake-card				{ margin: 50px 0; }
.client-intake-card .card-header{ background-color: #00073c; padding: 30px; }
.client-intake-card .card-header .login-logo
								{ padding: 0; }
.client-intake-card .card-header h2
								{ margin: 0; color: #fff; text-align: right; font-weight: 500; }
.client-intake-card .card-body	{ padding: 30px; }
.client-intake-card .card-body h3
								{ font-size: 14px; margin: 10px 0; display: inline-block; border-bottom: 1px solid #2A2E3D; }
.client-intake-card .card-body h2
								{ background: #E9E4D9; color: #00073c; padding: 10px 30px; margin: 0 -30px 30px -30px; }
.client-intake-card .card-body h2 span
								{ font-size: 14px; font-weight: 400; margin-left: 10px; }
.client-intake-card .card-body h4
								{ margin: 0; font-size: 14px; }



.form-wizard .form-wizard-header{ text-align: center; }
.form-wizard .form-wizard-next-btn, 
.form-wizard .form-wizard-previous-btn, 
.form-wizard .form-wizard-submit{ min-width: 120px; }
.form-wizard .wizard-fieldset 	{ display: none; }
.form-wizard .wizard-fieldset.show
								{ display: block; }
.form-wizard .form-wizard-steps { margin: 30px 0; }
.form-wizard .form-wizard-steps li 
								{ width: 33%; float: left; position: relative; }
.form-wizard .form-wizard-steps li::after
								{ background-color: #9f988a; content: ""; height: 2px; left: 0; position: absolute; right: 0; top: 22px; width: 100%; } 
.form-wizard .form-wizard-steps li span
								{ background-color: #9f988a; color: #fff; border-radius: 50%; display: inline-block; height: 45px; line-height: 45px; position: relative; text-align: center;
								width: 45px; z-index: 1; font-size: 20px; font-weight: 500; }
.form-wizard .form-wizard-steps li p 
								{ font-size: 13px; font-weight: 400; margin: 15px 0 0 0; color: #9f988a; }
.form-wizard .form-wizard-steps li:last-child::after 
								{ width: 50%; }
.form-wizard .form-wizard-steps li.active span, .form-wizard .form-wizard-steps li.activated span
								{ background-color: #EF6A58; color: #ffffff; }
.form-wizard .form-wizard-steps li.active p, .form-wizard .form-wizard-steps li.activated p 
								{ color: #EF6A58; font-weight: 700; }
.form-wizard .form-wizard-steps li.active::after, .form-wizard .form-wizard-steps li.activated::after
								{ background-color: #EF6A58; left: 50%; width: 50%; border-color: #EF6A58; }
.form-wizard .form-wizard-steps li.activated::after
								{ width: 100%; }
.form-wizard .form-wizard-steps li:last-child::after 
								{ left: 0; }

.wizard-fieldset .wizard-btn .re-registerBtn 				
								{ display: inline-block; }

.med-s-package					{ width: 100%; margin-bottom: 20px; display: flex; }
.med-s-package input			{ width: 0; height: 0; position: absolute; left: -9999px; }
.med-s-package label			{ position: relative; width: 100%; display: block; margin: 0; background: #F8F9FC; padding: 10px; border: 2px solid #9f988a; border-radius: 10px; cursor: pointer;
								border-top-right-radius: 38px; -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; }

								
								
								
body .login-card .med-s-package label h2
								{ font-size: 16px; line-height: 20px; margin-bottom: 10px; margin-top: 5px; }
.med-s-package label i			{ background: #00c851; color: #fff; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; position: absolute; right: 5px;
								top: 5px; display: none; -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;}
.med-s-package label p			{ font-size: 14px; margin: 0; font-weight: 400; display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px solid #efefef; color: #9f988a; }
.med-s-package label p span		{ font-weight: 600; font-size: 13px; }
.med-s-package label h3			{ font-size: 14px; font-weight: 700; margin-top: 20px; }
.med-s-package label ul			{ margin: 0; padding-left: 16px; }
.med-s-package label li			{ font-size: 13px; color: #9f988a; margin: 2px 0; }
.med-s-package label li span	{ float: right; font-size: 12px; }
.med-s-package label:hover,
.med-s-package input:checked+label:hover,
.med-s-package input:checked+label 
								{ border-color: #00c851; }
.med-s-package input:checked+label i
								{ top: 0px; right: 0px; display: block; }
.mpPayInst .med-s-package 		{ width: 150px; margin-bottom: 0; margin-right: 10px;} 
.mpPayInst .med-s-package label	{ border: 1px solid rgba(239, 106, 88,0.5); background: #fff; border-radius: 100px;  text-align: center; padding: 0px; }
.mpPayInst .med-s-package label h2
								{ font-size: 14px; color: #000; }
.mpPayInst .med-s-package label	p
								{ padding: 0; border: 0; justify-content: center; line-height: 1.2; font-size: 12px; margin-bottom: 3px; }
.mpPayInst .med-s-package label i
								{ width: 14px; height: 14px; line-height: 14px; font-size: 8px; }
.mpPayInst .med-s-package label:hover,
.mpPayInst .med-s-package input:checked+label:hover,
.mpPayInst .med-s-package input:checked+label
								{ background: rgba(0, 200, 81, 0.15); border-color: #00c851; }


.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: 33.33333%; flex: 0 0 33.33333%; }
.form-checkbox-flex .form-checkbox-item label
								{ display: block; padding: 20px; background: #F8F9FC; border-top-left-radius: 10px; border-top-right-radius: 38px; border-bottom: 5px solid #F8F9FC; 
								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: #9f988a; }

.form-checkbox-flex .form-checkbox-item label img
								{ width: 75px; -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: #EF6A58; }
.form-checkbox-flex .form-checkbox-item label p
								{ font-size: 16px; line-height: 1; font-weight: 600; color: #9f988a; text-align: right; margin: 10px 0 0 0; }
.form-checkbox-flex input:checked+label:hover,
.form-checkbox-flex input:checked+label 
								{ border-color: #EF6A58; }
.form-checkbox-flex input:checked+label:hover img
								{ top:0px; }

.med-package					{   }
.med-package .med-regFees       { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dadfe7; }
.med-package .med-regFees h2    { font-size: 16px;  margin: 0; color: #000; }
.med-package .med-regFees p     { font-size: 14px; font-weight: 500; color: #9f988a; line-height: 1.5; margin: 0; }
.med-package .med-regFees img   { width: 80px; margin: 0 auto; }
.med-package .med-regFees .med-price
                                { font-size: 16px; color: #2A2E3D; font-weight: 800; text-align: right; }
.med-package .med-regFees .med-price span
								{ font-weight: 600; }
.med-package .med-subFees label	{ background: #F8F9FC; padding: 15px; position: relative; border-radius: 10px; border-top-right-radius: 36px; margin-bottom: 30px; border:2px solid #F8F9FC;
								-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; }
.med-package .med-subFees label h2		{ font-size: 16px;  margin: 0 0 5px 0; }
.med-package .med-subFees label p		{ font-size: 14px; font-weight: 500; color: #9f988a; line-height: 1.5; margin: 0; }
.med-package .med-subFees label img		{ width: 80px; margin: 0 auto; }
.med-package .med-subFees label .med-price
                                        { font-size: 24px; color: #EF6A58; font-weight: 600; text-align: right; }
                            
                            
.med-package-detail                     { top:0px; }
.med-package-detail img                 { width: 112px; margin-bottom: 30px; }
.med-package-detail p                   { font-size: 16px; font-weight: 500; color: #9f988a; }
.med-package-detail ul                  { padding: 0; margin: 15px 0 0 15px; }
.med-package-detail li                  { text-align: left; padding: 5px; font-size: 14px; color: #9f988a; }
.med-package-detail .med-price          { margin: 30px 0; font-size: 32px; color: #EF6A58; font-weight: 600; }


.med-subFees input[type="radio"]:checked + label>.med-auth-imgRadCheck
								{ opacity: 1; }
.med-subFees input[type="radio"]:checked + label
								{ border-color: #2A2E3D; }
.med-subFees label:hover		{ border-color: #2A2E3D; }
.med-auth-imgRadCheck 			{ transition: .5s ease; opacity: 0; position: absolute; right: -5px; top: -5px; -ms-transform: translate(-50%, -50%); text-align: center; }
.med-auth-imgRadTick 			{ background-color: #EF6A58; color: white; font-size: 16px; height: 30px; width: 30px; line-height: 30px; border-radius: 50%; }
                                
.med-regCoupon                  { border: 2px dotted #9f988a; padding: 15px; border-radius: 10px; background: rgba(159,152,138,0.1); }
.med-addUser					{ padding: 15px; border-radius: 10px; background: rgba(159,152,138,0.1); }
.med-addUser h2					{ font-size: 16px !important; line-height: 16px !important; margin-bottom: 20px !important;}
.med-addUser p					{ margin: 0; font-size: 14px; font-weight: 500; line-height: 1; color: #000;}
.med-addUser span				{ color: #9f988a; font-size: 12px;  font-weight: 600; line-height: 1;margin-top: 4px; display: block; }
.med-addUser input				{ width: 80px; }
.med-totalPrice                 { margin: 20px 0 30px 0; }
.med-totalPrice .d-flex         { padding: 10px 0; }
.med-totalPrice .d-flex h2      { font-size: 14px; line-height: 1; margin: 0; color: #000; font-weight: 500; }
.med-totalPrice .d-flex h2 span { display: block; color: #9f988a; font-size: 12px; font-weight: 400; padding-top: 8px; }
.med-totalPrice .d-flex p       { font-size: 14px; font-weight: 700; line-height: 1; margin: 0; }
.med-totalPrice .d-flex.med-totalRow
                                { border-top: 1px solid #9f988a; margin-top: 5px; padding-top: 20px; }
.med-totalPrice .d-flex.med-totalRow h2
                                { font-weight: 600; font-size: 16px; } 
.med-totalPrice .d-flex.med-totalRow p
                                { font-weight: 800; letter-spacing: 0.5px; font-size: 18px; color: #EF6A58; }
.med-totalFees .col-md-2 .med-price
								{ color: #2A2E3D; font-size: 24px; line-height: 24px; font-weight: 800; margin-bottom: 35px; text-align: right; }

/*
.login-card .med-package h2		{ text-transform: uppercase; font-size: 20px; margin-bottom: 15px; }
.med-package p					{ font-size: 16px; font-weight: 500; color: #9f988a; }
.med-package ul					{ padding: 0; margin: 15px 0 0 15px; }
.med-package li					{ text-align: left; padding: 5px; font-size: 14px; color: #9f988a; }
.med-package .med-price			{ margin: 30px 0; font-size: 32px; color: #EF6A58; font-weight: 600; }
.med-package.med-checkout		{ text-align: left; margin: 30px 0; } */
.med-payment					{ background: #F8F9FC; padding: 20px; border-radius: 10px; margin: 35px 0 50px 0; }
.med-payment .med-price	span	{ padding: 0 15px; background: #F8F9FC; z-index: 100; position: relative; } 
.med-payment .med-price	p		{ font-size: 14px; line-height: 14px; font-weight: 500; margin: 0; color: #EF6A58; padding: 0 15px; background: #F8F9FC; z-index: 100; position: relative; }
.med-payment .med-price			{ margin-bottom: 30px; font-size: 32px; color: #EF6A58; font-weight: 600; text-align: center; position: relative; }
.med-payment .med-price:after	{ content: ''; width: 100%; height: 2px; background: #9f988a; display: block; top: 35%; transform: translateY(-50%); position: absolute; z-index: 0; }
.med-payment .custom-control-label
								{ height: auto !important; }
.med-payment .paySymbol			{ margin: 15px 0; background: #EEEBFE; padding: 15px; border-radius: 8px; }
.med-payment .paySymbol img		{ width: 135px; }

.o-circle {
  display: flex;
  width: 10.555rem; height: 10.555rem;
  justify-content: center;
  align-items: flex-start;
  border-radius: 50%; 
  animation: circle-appearance .8s ease-in-out 1 forwards, set-overflow .1s 1.1s forwards;
}

.c-container__circle {
  margin: 0 auto 5.5rem;
}

/*=======================
    C-Circle Sign
=========================*/
      
.o-circle__sign {
  position: relative;
  opacity: 0;
  background: #fff;
  animation-duration: .8s;
  animation-delay: .2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.o-circle__sign::before, 
.o-circle__sign::after {
  content: "";
  position: absolute;
  background: inherit;
}

.o-circle__sign::after {
  left: 100%; top: 0%;
  width: 500%; height: 95%; 
  transform: translateY(4%) rotate(0deg);
  border-radius: 0;
  opacity: 0;
  animation: set-shaddow 0s 1.13s ease-in-out forwards;
  z-index: -1;
}


/*=======================
      Sign Success
=========================*/
 
.o-circle__sign--success { 
  background: rgb(56, 176, 131);
}

.o-circle__sign--success .o-circle__sign {
  width: 1rem; height: 6rem;
  border-radius: 50% 50% 50% 0% / 10%;
  transform: translateX(130%) translateY(35%) rotate(45deg) scale(.11);  
  animation-name: success-sign-appearance;
}

.o-circle__sign--success .o-circle__sign::before {
   bottom: -17%;
   width: 100%; height: 50%; 
   transform: translateX(-130%) rotate(90deg);
   border-radius: 50% 50% 50% 50% / 20%;

}

/*--shadow--*/
.o-circle__sign--success .o-circle__sign::after {
   background: rgb(40, 128, 96);
}
 

/*=======================
      Sign Failure
=========================*/

.o-circle__sign--failure {
  background: rgb(236, 78, 75);
}

.o-circle__sign--failure .o-circle__sign {
  width: 1rem; height: 7rem;
  transform: translateY(25%) rotate(45deg) scale(.1);
  border-radius: 50% 50% 50% 50% / 10%;
  animation-name: failure-sign-appearance;
}

.o-circle__sign--failure .o-circle__sign::before {
   top: 50%;
   width: 100%; height: 100%; 
   transform: translateY(-50%) rotate(90deg);
   border-radius: inherit;
} 

/*--shadow--*/
.o-circle__sign--failure .o-circle__sign::after {
   background: rgba(175, 57, 55, .8);
}


/*-----------------------
      @Keyframes
--------------------------*/
 
/*CIRCLE*/
@keyframes circle-appearance {
  0% { transform: scale(0); }
  
  50% { transform: scale(1.5); }
          
  60% { transform: scale(1); }
  
  100% { transform: scale(1); }
}

/*SIGN*/
@keyframes failure-sign-appearance {         
  50% { opacity: 1;  transform: translateY(25%) rotate(45deg) scale(1.7); }
    
  100% { opacity: 1; transform: translateY(25%) rotate(45deg) scale(1); }
}

@keyframes success-sign-appearance {      
  50% { opacity: 1;  transform: translateX(130%) translateY(35%) rotate(45deg) scale(1.7); }
    
  100% { opacity: 1; transform: translateX(130%) translateY(35%) rotate(45deg) scale(1); }
}
 

@keyframes set-shaddow {
  to { opacity: 1; }
}

@keyframes set-overflow {
  to { overflow: hidden; }
}

















.scrollbar-inner .compnayName	{     padding: 8px 8px 8px 12px;
    margin-bottom: 15px;
    /* border-left: 3px solid #EF6A58; */
    /* border-top: 1px solid #dadfe7; */
    border-bottom: 1px solid #dadfe7; }
.clinicMenu .scrollbar-inner .compnayName	
								{  }
.scrollbar-inner .compnayName h2{     color: #000; margin: 0; font-size: 14px; font-weight: 900; text-transform: uppercase; } 
.scrollbar-inner .compnayName p	{     margin: 0; color: #EF6A58; font-size: 13px; font-weight: 500; } 
.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; }
.dash-company h2.dash-title		{ font-size: 14px; margin: 0; font-weight: 600; color: #9f988a; }
.dash-company p					{ margin: 0; font-size: 18px; line-height: 22px; font-weight: 900; color: #2A2E3D; } 
.profile-list span.avatar-sm	{ width: 48px; height: 48px; }
.profile-list .media-body div.text-md
								{ color: #2A2E3D; line-height: 20px; font-weight: 700; }
.profile-list .media-body span.text-sm
								{ color: #EF6A58; font-weight: 600; }
.navbar-top a.nav-notification 	{ position:relative; width: 42px; height: 42px; padding: 0; line-height: 42px; background: #2A2E3D; 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: -11px; right: -8px; background: #05b560; color: #fff; width: 25px; height: 25px; display: block; font-size: 13px; font-weight: 600;
								line-height: 25px; border-radius: 50%; }
.navbar-top a.nav-notification:hover,
.navbar-top a.nav-notification:focus
								{ color: #EF6A58 !important; }
.navbar-top a.nav-company		{ position: relative; width: 42px; height: 42px; padding: 0 !important; line-height: 42px; background: #EF6A58; 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: #EF6A58 !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; }
.card-stats h5,
.card-comStats h5				{ text-transform: uppercase; font-size: 16px; line-height: 18px; font-weight: 700; color: #EF6A58; margin: 0; } 
.card-stats span,
.card-comStats span				{ display: block; font-size: 16px; font-weight: 500; color: #9f988a; }
.card-stats h2.stats-count,
.card-comStats h2.stats-count	{ margin: 15px 0 0 0; font-size: 28px; line-height: 28px; font-weight: 700; }
.card-stats .cardIcon			{ color: #fff; background: #EF6A58; width: 64px; height: 64px; line-height: 64px; border-radius: 50%; text-align: center; font-size: 32px; }
.clinicCards .card-stats h5		{ font-size: 14px; line-height: 16px; }
.clinicCards .card-stats span	{ font-size: 14px; }
.clinicCards .card-stats h2.stats-count
								{ font-size: 24px; margin-top: 12px; }
.clinicCards .card-stats .cardIcon
								{ width: 50px; height: 50px; line-height: 50px; font-size: 24px; }
.card-department h2,
.card-department h2.stats-count	{ text-align: right; font-size: 28px; line-height: 28px; font-weight: 700; margin: 30px 0 0 0; }
.cardTransaction.card-department h2
								{ font-size: 24px; line-height: 24px; color: #EF6A58; margin: 38px 0 0 0; }
.card-department h2 i			{ font-style: normal; font-size: 16px; line-height: 16px; position: relative; top: -2px; }
.card-department span			{ display: block; font-size: 16px; font-weight: 500; color: #9f988a; text-align: right; margin-top: 0px; }
.cardTransaction.card-department span
								{ font-size: 14px; margin-top: 3px; }
.card-department img			{ width: 75px; }
.card-department .dash-departId { position: absolute; width: 100%; height: 100%; }
#accordion						{ height: 806px; overflow-y: auto;     margin-right: -8px;    padding-right: 8px;}
#accordion::-webkit-scrollbar   { width: 4px; }
#accordion::-webkit-scrollbar-thumb
								{ background-color: #F2EFE9; border: 0; }
#accordion::-webkit-scrollbar-track
								{ -webkit-box-shadow:0; background-color: transparent; border-radius: 10px; }
.depAccordian					{ margin-bottom: 15px; }
.depAccordian:last-child		{ margin-bottom: 0px; }
.depAccordian a.card-link		{ font-size: 16px; font-weight: 600; line-height: 30px; display: block;} 
.depAccordian a.card-link i		{ font-size: 20px; position: relative; top: 1px; margin-right: 8px; -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; }
.depAccordian a.card-link span	{ font-weight: 900; }
.depAccordian .accordian-body ul{ list-style: none; margin: 0; padding-left: 35px; position: relative; padding-top: 15px;} 
.depAccordian .accordian-body ul:before
								{ content: ''; width: 1px; height: 100%; background: #EF6A58; display: block; position: absolute; left: 10px; top: -10px; }
.depAccordian .accordian-body ul li	
								{ margin-bottom: 10px; position: relative; }
.depAccordian .accordian-body ul li:before
								{ content: ''; width: 20px; height: 1px; background: #EF6A58; position: absolute; left: -25px; top: 10px; }
.depAccordian .accordian-body ul li:last-child
								{margin-bottom: 0px;}
.depAccordian .accordian-body ul li a
								{ font-size: 14px; font-weight: 500; color: #000; display: block; }
.depAccordian .accordian-body ul li a p
								{ color: #9f988a; font-size: 13px; line-height: 16px; font-weight: 500; margin: 0; padding: 0 0 0 30px; -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; }
.depAccordian .accordian-body ul li a i
								{ font-size: 16px; margin-right: 8px; position: relative; top: 1px; color: #9f988a; -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; }
.depAccordian a.card-link:hover,
.depAccordian .accordian-body ul li a.active,
.depAccordian .accordian-body ul li a.active i,
.depAccordian .accordian-body ul li a:hover,
.depAccordian .accordian-body ul li a:hover i
								{ color: #EF6A58; }
.depAccordian .accordian-body ul li a:hover p
								{ color: #000; }
.chartHeader					{ margin: 0 0 15px 0; }
.chartHeader label				{ font-size: 14px; margin-right: 10px; font-weight: 500; }

.staffImg img					{ max-width: 140px; height: 140px; transition: all .15s ease; transform: scale(1); border: 3px solid #9f988a; border-radius: 0.375rem; object-fit: cover; margin-bottom: 20px; }
.staffImg img:hover				{ border-color: #EF6A58; }
h2.staffName					{ font-size: 24px; margin: 0 0 5px 0; font-weight: 800; color: #EF6A58; }
p.staffEmail					{ font-size: 18px; font-weight: 300; margin: 0; }
p.staffEmail a					{ font-size: 16px; font-weight: 600; color:#000; }
p.staffPhone					{ font-size: 16px; font-weight: 600; margin: 0; }
p.clinicPerson					{ font-size: 16px; font-weight: 600; color: #9f988a; margin: 0; }
p.clinicPerson i				{ color: #EF6A58; font-size: 18px; }
.clinicAddress					{ margin-top: 30px; }
.staffSignature img				{ width: 250px; }
.staffDept h2					{ text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 700; color: #EF6A58; margin: 0 0 5px 0; }
.staffDept p					{ display: block; font-size: 14px; line-height: 15px; font-weight: 500; color: #9f988a; margin: 0; }
.staffDept ul					{ padding: 0; margin: 30px 0 0 0; }
.staffDept ul li 				{ display: inline-table; margin: 0 50px 0 0; font-size: 16px; color: #EF6A58; font-weight: 700; }
.staffDept.clinicDept ul li 	{ display: block; margin: 20px 0; }
.staffDept ul li:last-child		{ margin: 0; }
.staffDept ul li img			{ width: 32px; margin-right: 10px; position: relative; top: -4px; }
.staffDept ul li ul				{ margin-top: 15px; }
.staffDept ul li ul	li			{ display: block; margin: 0 0 8px 0; padding-left: 20px; font-size: 14px; font-weight: 500; color: #000; position: relative; }
.staffDept ul li ul	li:after	{ content: ''; width: 6px; height: 6px; background: #EF6A58; display: inline-block; position: absolute; border-radius: 50%; left: 0; top: 7px; }
.tdDocument h2					{ font-size: 14px; font-weight: 500; color: #000; margin: 0; }
.tdDocument h2 span				{ font-size: 12px; font-weight: 400; } 
.tdDocument p					{ font-weight: 500; color: #9f988a; font-size: 13px; margin: 0; }
.tdDocument p i					{ color: #EF6A58; }
.planCnt h2						{ font-size: 24px; margin: 0 0 5px 0; font-weight: 800; color: #EF6A58; }
.clinicCards .planCnt h2		{ font-size: 18px; margin: 0; }
.planCnt p						{ font-size: 18px; font-weight: 300; margin: 0; } 
.clinicCards .planCnt p			{ font-size: 14px; font-weight: 600; color: #9f988a; } 
.clinicCards .planCnt p span	{ padding: 0 5px; font-size: 12px; } 
.planCnt h1						{ color: #EF6A58; margin: 80px 0 0 0; font-size: 42px; font-weight: 900; }
.clinicCards .planCnt h1		{ margin: 10px 0 0 0; font-size: 28px; }
.planCnt h1 span				{ font-weight: 600; font-size: 24px; color: #2A2E3D; }
.clinicCards .planCnt h1 span	{ font-size: 18px; }
.planImg img					{ width: 256px; }
.clinicCards .planImg img		{ width: 145px; }
.clinicStatus					{ margin-bottom: 30px; }
.clinicStatus span.clinic-status{ color: #fff; font-size: 12px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 4px 8px; display: inline-block; border-radius: 16px; background: #000; width: 80px;
								text-align: center; }
.clinicStatus span.clinic-status.active
								{ background: #00c851; }
.clinicStatus span.clinic-status.expired
								{ background: #ff3547; }
.clinicName						{ margin-bottom: 15px; }
.clinicName a					{ font-size: 16px; font-weight: 600; color: #9f988a; margin-top: -3px; display: block; }
.clinicName a i					{ color: #EF6A58; padding-right: 5px; font-size: 18px; }
h2.inner-title 					{ text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; margin-bottom: 20px; border-bottom: 1px solid #9f988a; padding-bottom: 5px;
								display: inline-block; }
.avatar.productImg 				{ width: 78px; height: 78px; }
.section-form 					{ margin: 10px 0 30px 0; background: #F8F9FC; padding: 15px 15px 0 15px; border-radius: 6px; box-shadow: 0 0 0.15rem 0 rgb(0 0 0 / 12%); }
h2.userTtl						{ font-size: 20px; font-weight: 700; color: #EF6A58; margin-bottom: 30px; }

.card-activity h2.activity-title{ font-size: 16px; line-height: 1; font-weight: 700; margin-bottom: 15px; }
.activity-data-item				{ padding: 15px 0; border-bottom: 1px solid #ddd; }
.activity-data-item	h2			{ font-size: 28px; line-height: 28px; font-weight: 700; margin: 0 5px 0 0; }
.activity-data-item	span		{ font-size: 13px; font-weight: 600; color: #2A2E3D; }
.activity-data-item	p			{ font-size: 13px; line-height: 14px; font-weight: 600; color: #9f988a; margin: 1px 0 0 0; }
.activity-data .activity-data-item:last-child
								{ padding-bottom: 0px; border: 0px; }
.activity-data-grid				{ margin: 40px 0 20px 0; }								
.activity-data-grid .activity-data-item				
								{ padding: 10px; border: 1px solid #ddd; border-radius: 12px; }
.row.gap-2						{ margin-left: -5px; margin-right: -5px; }								
.row.gap-2 .col-5				{ padding-left: 5px; padding-right: 5px; }								
.row.gap-2 .col-3				{ padding-left: 5px; padding-right: 5px; }								
	

.activity-data-grid .activity-data-item.general-activity
								{ background: rgba(76, 175, 80, 0.25); border-color: rgba(76, 175, 80, 0.8); }
.activity-data-grid .activity-data-item.log-activity
								{ background: rgba(239, 106, 88, 0.25); border-color: rgba(239, 106, 88, 0.8); }
.activity-data-grid .activity-data-item.total-activity
								{ background: rgba(42, 46, 61, 0.15); border-color: rgba(42, 46, 61, 0.8); }

.activity-data-grid .activity-data-item.general-activity h2
								{ color: #4CAF50; }
.activity-data-grid .activity-data-item.log-activity h2
								{ color: #EF6A58; }
								
.activity-data-grid .activity-data-item.general-activity p,
.activity-data-grid .activity-data-item.log-activity p,
.activity-data-grid .activity-data-item.total-activity p
								{ color: #3e392f; }
				

.favorite-wrapper				{ width: 32px; height: 32px; display:flex; align-items:center; justify-content:center; margin:auto; border-radius:10px; cursor:pointer; transition:all .22s ease; 
								background: #f0f0f3; border: 1px solid #cfcfcf; }
.favorite-wrapper i				{ font-size:16px; color:#A1A1AA; transition:all .22s ease; }
.favorite-wrapper:hover			{ background:#fff5d9; border-color:#f1b400; transform:translateY(-1px); }
.favorite-wrapper:hover i		{ color:#f1b400; } 
.favorite-wrapper.active		{ background: #fff5d9; border-color: #f1b400; }

.favorite-wrapper.active i		{ color:#f1b400; } 
.favorite-wrapper.active i		{ animation:favPop .25s ease; } 
@keyframes favPop				{ 0%{transform:scale(.5);} 100%{transform:scale(1);} }

.userCreated					{ padding: 2px 5px 3px 5px; color: #002012; background-color: #b0eed3; font-size: 10px; font-weight: 500; line-height: 1; border-radius: 30px; margin-top: 4px;
								display: inline-block; border: 1px solid #b0eed3; }
.u-t-2 .userCreated				{ color: #002415; background-color: #86e3ba; border-color: #21b977; }
.u-t-3 .userCreated				{}
.u-t-4 .userCreated				{}
.dept-row						{ display:flex; align-items:flex-start; }
.dept-svg						{ flex-shrink:0; margin-top: 2px; }
.dept-text-group				{ margin-left: 2px; }
.dept-parent-text				{ font-size: 14px; font-weight: 500; color: #000; }
.dept-child-text				{ font-size:13px; color: #9f988a; font-weight: 600; margin-top: 2px; }

.state-card						{ position: relative; overflow: hidden; } 
.state-card .card-body			{ z-index: 10; }
.state-card:before				{ content: ''; position: absolute; width: 180px; height: 180px; background: rgba(249, 115, 22, .04); border-radius: 50%; top: -90px; right: -90px; z-index: 0; }
.stat-icon						{ color: #fff; background: #EF6A58; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; text-align: center; font-size: 28px; }
.state-title h2					{ font-size: 16px; line-height: 1; font-weight: 700; color: #EF6A58; margin-bottom: 5px; } 
.state-title h5 				{ font-size: 24px; line-height: 1; font-weight: 700; margin: 0; }
.state-sm-card					{ position: relative; overflow: hidden; }
.state-sm-card .card-body		{ z-index: 10; }
.state-sm-card:before			{ content: ''; position: absolute; width: 100px; height: 100px; background: rgba(249, 115, 22, .04); border-radius: 50%; bottom: -40px; right: -40px; z-index: 0; }
.state-floatIcon				{ display: flex; justify-content: end; width: 100%; margin-top: 4px; }
.state-floatIcon i				{ font-size: 24px; color: rgb(239, 106, 88, 0.5); }
.state-title a:hover			{ color: #EF6A58; }
.gauge-wrapper					{ position:relative; width:200px; height:100px; margin:0px auto 15px auto; }
.gauge-wrapper canvas			{ width:200px !important; height:100px !important; }
.gauge-center					{ position: absolute; left: 50%; top: 65%; transform: translate(-50%, -50%); text-align: center; display: flex; flex-direction: column; align-items: center; }
.gauge-center h2				{ margin: 0; font-size: 32px; line-height: 1; font-weight: 800; color: #4CAF50; } 
.gauge-center div				{ display: flex; align-items: baseline; }
.gauge-center div i				{ margin-left: 5px; line-height: 1; font-size: 14px; position: relative; top: -2px; color: #4CAF50; }
.gauge-center span				{ font-size: 12px; font-weight: 600; color: #2A2E3D; }
.stats-status 					{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 15px; border-radius: 50px; font-size: 12px; font-weight: 600; }
.stats-footer					{ display: flex; justify-content: space-between; }
.stats-footer-divider			{ width: 1px; background: #E2E8F0; }
.stats-analytics-box			{ display: flex; flex-direction: column; }
.stats-analytics-box h5			{ font-size: 18px; font-weight: 700; line-height: 1; margin: 0; }
.stats-analytics-box span		{ font-size: 13px; line-height: 1; font-weight: 600; color: #9f988a; margin: 0; }

#deactivateAccordion .card-header
								{ padding: 12px 15px; }
#deactivateAccordion .card-header h2
								{ font-size: 16px; line-height: 1.2; font-weight: 700; color: #EF6A58; margin: 0; }
#deactivateAccordion .card-header p
								{ display: block; font-size: 14px; line-height: 18px; font-weight: 600; color: #9f988a; margin: 0; }

.activeCount					{ display: flex; align-items: center; font-size: 14px; line-height: 18px; font-weight: 600; color: #2A2E3D; margin-right: 30px; }
.activeCount span				{ background: #3aad00; width: 16px; height: 16px; border-radius: 50%; margin-right: 8px; }
#deactivateAccordion .activeCount span
								{ background: #dd0015; }

.card-header.po-tblTtl			{ padding: 12px 15px; border-bottom: 3px solid #9f988a; }
.card-header.po-tblTtl h2		{ font-size: 16px; line-height: 1.2; font-weight: 700; color: #EF6A58; margin: 0; } 
.card-header.po-tblTtl p		{ display: block; font-size: 14px; line-height: 18px; font-weight: 600; color: #9f988a; margin: 0; }

.filterRow						{ margin: 15px 15px 15px 15px; background: #f0f0f1; padding: 10px 15px 15px 15px; border-radius: 12px; box-shadow: 0 0 0.20rem 0 rgb(0 0 0 / 62%); 
								/*margin: 15px 15px 15px 15px; background: #F8F9FC; padding: 8px 15px 15px 15px; border-radius: 6px; box-shadow: 0 0 0.15rem 0 rgb(0 0 0 / 12%);*/ }
.filterRow .form-group 			{ margin-bottom: 15px; }
.dt-button						{ border: 1px solid #9f988a !important; box-shadow: none !important; font-size: 14px; font-weight: 500; line-height: 1.5; padding: .25rem .6rem; border-radius: 8px; }
ul.listPolicy li h2				{ font-size: 16px; font-weight: 600; color: #EF6A58; margin: 0 0 5px 0; }
ul.listPolicy li p				{ font-weight: 400; color: #000; font-size: 14px; margin: 0; }

.btn-not-allow					{ background: rgba(255, 53, 71, 0.20); font-size: 16px; width: 30px; height: 30px; line-height: 30px; display: inline-block; padding: 0; color: #ff3547; margin: 0 2px; 								border-radius: 50%; text-align: center; cursor: not-allowed; }

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.table-flush tr:last-child				{ border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
table.table-flush tr:last-child td:first-child				{ border-bottom-left-radius: 12px; }
table.table-flush tr:last-child td:last-child				{ border-bottom-right-radius: 12px; }

table.dataTable tr:last-child	{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
table.dataTable tr:last-child td:first-child				{ border-bottom-left-radius: 0px; }
table.dataTable tr:last-child td:last-child				{ border-bottom-right-radius: 0px; } 
table.table-flush tr:nth-child(even),
table.table-flush tr.even		{ background: #FBFAF8; }
table.table-flush tr td			{ font-size: 14px; font-weight: 500; color: #000; vertical-align: middle; padding-top: 10px; padding-bottom: 10px; }
table.table-flush tfoot tr		{ background: #EEEBFE; }
table.table-flush tfoot tr th	{ color: #EF6A58; font-size: 14px; font-weight: 700; padding-top: .75rem; padding-bottom: .75rem; }
a.btn.btn-view					{ background: #EF6A58; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; }
a.btn.btn-edit					{ background: #00c851; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; }
a.btn.btn-delete				{ background: #ff3547; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; }
a.btn.btn-done					{ background: #00c851; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; }
a.btn.btn-add					{ background: #26C0FE; width: 30px; height: 30px; line-height: 28px; display: inline-block; padding: 0; color: #fff; margin: 0 2px; }
table.table-flush tr.complete	{ background: rgba(0,200,81,0.09); }
table.table-flush tr.cancel,
table.table-flush tr.failed,
table.table-flush tr.expired	{ background: rgba(255,53,71,0.05); }
table.table-flush tr.expiredToday
								{ background: rgb(255,177,1,0.06); }
table.table-flush tr:hover		{ background: #c1f7ff; }
td .tblRetainName				{ width: 350px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
td .tblRetainDue h2				{ color: #000; margin: 0; font-size: 14px; font-weight: 600; }
td .tblRetainDue p				{ font-size: 14px; margin: 0; font-weight: 400; color: #9f988a; }
td a.btn-sm						{ width: 110px; }
td .tdStaffProfile h2			{ margin: 0; font-size: 14px; color: #EF6A58; }
td .tdStaffProfile p			{ margin: 0; font-size: 13px; font-weight: 400; }
td .tdTransaction h2			{ color: #000; margin: 0; font-size: 14px; font-weight: 600; }
td .tdTransaction p				{ font-size: 14px; margin: 0; font-weight: 500; color: #9f988a; text-transform: uppercase; }
span.payment-success			{ color: #fff; font-size: 12px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 4px 8px; display: inline-block; border-radius: 16px; background: #47d300; }
span.payment-failed				{ color: #fff; font-size: 12px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 4px 8px; display: inline-block; border-radius: 16px; background: #f44336;  }
td.tdDownloadClinic h2			{ margin: 0 0 2px 0; font-size: 14px; color: #EF6A58; }
td.tdDownloadClinic p			{ margin: 0; font-size: 13px; font-weight: 400; }
td.tdDownloadClinic p i			{ color: #9f988a; margin-right: 5px; }
td.tdDownloadClinic h3			{ margin: -3px 0 0 20px; font-size: 12px; font-weight: 600; color: #9f988a; }
table.table tbody td.tdDownloadNo			
								{ text-align: center; font-size: 14px; font-weight: 700; }
table.tblDownload,
table.tblDownload .table-responsive
								{ border-radius: 0.375rem; }
table.tblDownload tr:last-child,
table.tblDownload tr:last-child td:first-child
								{ border-bottom-left-radius: 0.375rem; }
table.tblDownload tr:last-child,
table.tblDownload tr:last-child td:last-child
								{ border-bottom-right-radius: 0.375rem; }
td .tdFormNameBig				{ width: 200px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
td .tdFormDept h2				{ margin: 0 0 2px 0; font-size: 14px; color: #000; }
td .tdFormDept p				{ margin: 0; font-size: 13px; font-weight: 400; color: #9f988a; }
td ul.tdDeptPurchase			{ padding: 0; margin: 0; list-style: none; }
td ul.tdDeptPurchase li			{ font-size: 13px; font-weight: 400; }
td .tdClinicAdd					{ width: 200px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 13px; font-weight: 400; }
td .tdStaffsMem					{ font-size: 13px; font-weight: 500; color: #9f988a; }
td .tdStaffsMem span			{ font-size: 16px; display: block; line-height: 16px; color: #EF6A58; font-weight: 800; }
td .tdRemainDays				{ font-size: 13px; font-weight: 500; color: #000; }
td .tdRemainDays span			{ font-size: 16px; display: block; line-height: 16px; color: #00c851; font-weight: 800; }
tr.expired td .tdRemainDays span{ color: #ff3547; }
tr.expiredToday td .tdRemainDays span
								{ color: #ffb203; }
td span.retainDuration			{ text-transform: uppercase; font-weight: 500; font-size: 12px; background: #EF6A58; padding: 4px 12px; text-align: center; color: #fff; display: inline-block; border-radius: 35px; }
span.retain-status				{ color: #fff; font-size: 12px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 4px 8px; display: inline-block; border-radius: 16px; background: #000; }  
span.retain-status.open			{ background: #877979; }  
span.retain-status.completed	{ background: #B6C867; }  
span.retain-status.cancelled	{ background: #ff8f8f; }  
span.form-status				{ color: #fff; font-size: 12px; line-height: 20px; font-weight: 500; padding: 5px 10px; display: inline-block; border-radius: 16px; background: #707070; letter-spacing: 0.3px; }   
span.form-status i				{ color: #c5c5c5; font-size: 14px; vertical-align: middle; }
span.form-status i.fa-check-circle
								{ color: #00e375; }
span.formStatus					{ color: #fff; font-size: 12px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 4px 8px; display: inline-block; border-radius: 16px;background: #000; }
span.formStatus.requested		{ background: #fb6340; }
span.formStatus.downloaded		{ background: #00c851; }
span.error 						{ color: #ff3547; font-size: 12px; font-weight: 600; }

.delExtrlDoc 					{ position: absolute; z-index: 1; right: 6px; top: -14px; font-size: 24px; background: red; width: 32px; height: 32px; text-align: center; line-height: 32px;
								border-radius: 50%; color: #fff; }
td .tdPackage					{ display: flex; justify-content: space-between; align-items: center; }
td .tdPackage h2				{ font-size: 14px; font-weight: 500; color: #000; margin: 0; }
td .tdPackage p					{ font-weight: 500; color: #9f988a; font-size: 13px; line-height: 15px; margin: 0 0 5px 0; }
td .tdPackage h3				{ font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; margin: 0; }
td .tdPackage h4				{ font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; margin: 0; }
td .tdColDate h2				{ font-size: 13px; font-weight: 600; margin: 0; color: #000; }
td .tdColDate p					{ font-size: 13px; font-weight: 500; margin: 0; line-height: 1; color: #9f988a; }
table.table td.tdRegUser p 		{ font-size: 14px; font-weight: 500; } 
td.tdMemPack h2					{ font-size: 14px; margin: 0; } 
td.tdMemPack p					{ font-size: 14px; font-weight: 600; line-height: 1.3; color: #EF6A58; margin-bottom: 3px; }
td.tdMemPack h3					{ font-size: 13px; font-weight: 600; color: #9f988a; margin: 0; }
td .tdInsReceieved				{ font-size: 14px; display: block; color: #00c851; font-weight: 800; }
td .tdInsOutstanding			{ font-size: 14px; display: block; color: var(--danger); font-weight: 800; }


.downloadThumb					{ position: relative; }
.downloadThumb:after 			{ opacity: 0; content: ''; width: 100%; height: 100%; background-color: rgb(0,7,60,0.6); position: absolute; top: 0; left: 0; z-index: 0; border-radius: 0.85rem;
								-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; }
.downloadAction					{ opacity: 0; position: absolute; top: 35%;left: 0;width: 100%;transform: translateY(-50%);text-align: center; z-index: 5;
								-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; }
.downloadThumb img				{ width: 100%;height: 160px;border-radius: 0.85rem; object-fit: cover; }
.downloadAction a				{ width: 42px;height: 42px;background: #00c851;color: #fff;display: inline-block;text-align: center;line-height: 42px;border-radius: 50%;margin: 0 3px; }
.downloadAction a.docViewBtn    { background: #EF6A58; }
.downloadThumb:hover:after 		{ opacity: 1; }
.downloadThumb:hover .downloadAction
						 		{ opacity: 1; top: 50%; }

section.form-builder			{ border: 2px solid #9f988a; border-radius: 10px; margin-bottom: 35px; background: rgba(159,152,138,0.1);
								-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; }
section.form-builder.doc-list   { margin-bottom: 15px; border-width: 1px; }
section.form-builder.doc-list.naCheck 
								{ background-image: repeating-linear-gradient( 45deg, rgba(158,152,138,0.1), rgba(159,152,138,0.1) 8px, rgba(159,152,138,0.25) 8px, rgba(159,152,138,0.25) 16px ); }
section.form-builder:last-child	{ margin-bottom: 0px; }
.form-section-header			{ padding: 10px; border-bottom: 2px solid #9f988a; 
								-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; }
section.doc-list .form-section-header
                                { border-width: 0px; border-color: #fff; }
.form-section-header h2			{ font-size: 16px; line-height: 16px; font-weight: 700; color: #EF6A58; margin: 0; }
.form-section-header h2 i		{ color: #9f988a; }
.form-section-header a.btn		{ width: 25px; height: 25px; line-height: 25px; 
								-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-section-header a.btn-edit	{ color: #00c851; background: transparent; }
.form-section-header a.btn-delete
								{ color: #ff3547; background: transparent; }
h2.form-section-title			{ font-size: 16px; padding: 15px 15px 15px 35px; margin-bottom: 0px; text-transform: uppercase; color: #EF6A58; }
.form-section-field				{ border: 1px solid #9f988a; border-radius: 10px; margin-bottom: 15px; margin-left: 35px; margin-right: 35px; background: #fff;
								-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-section-field:last-child	{ margin-bottom: 0px; }
section.form-builder.doc-list .form-section
								{ padding-top: 12px; border-top: 1px solid #fff; }
section.form-builder.doc-list .form-section-field
                                { margin: 0 12px 12px 12px; }
.form-field-header				{ padding: 10px; border-bottom: 1px solid #9f988a;
								-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-field-header h2			{ font-size: 15px; line-height: 15px; font-weight: 600; color: #000; margin: 0; }
.form-field-header p			{ font-size: 13px; line-height: 16px; color: #5e669f; margin: 8px 0 0 0; padding-left: 26px; font-weight: 500; }
.form-field-header p span		{ font-weight: 600; -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-field-header h2 i			{ color: #9f988a; -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-field-header a.btn		{ width: 25px; height: 25px; line-height: 25px; 
								-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-field-header a.btn-edit	{ color: #00c851; background: transparent; }
.form-field-header a.btn-delete	{ color: #ff3547; background: transparent; }
.form-field						{ padding: 5px 35px; }
.form-field h2					{ font-size: 14px; margin: 5px 0 0 0; }
.form-field	p					{ font-size: 13px; line-height: 1.5; color: #000; margin: 0 0 5px 0; }
section.form-builder.doc-list .form-field
                                { padding: 10px; }
section.form-builder.doc-list .form-field h3
                                { font-size: 14px; font-weight: 800; margin: 0; }
section.form-builder.doc-list .form-field h3 span
                                { color: #ff3547; }
section.form-builder.doc-list .form-field a
                                { font-size: 14px; font-weight: 700; }
section.form-builder.doc-list .form-field a:hover,
section.form-builder.doc-list:hover .form-field a
                                { color: #00c851; }
section.form-builder.doc-list .form-field p
                                { color: #9f988a; font-weight: 500; margin: 5px 0 0px 0; }
section.form-builder.doc-list .form-field p:empty
								{ margin: 0; }
.form-builder:hover,
.form-builder:hover .form-section-header
								{ border-color: #2A2E3D; }
.form-builder.doc-list:hover .form-section-header
                                { border-color: #fff; }
.form-builder:hover .form-section-header a.btn-edit	
								{ color: #fff; background: #00c851; }
.form-builder:hover .form-section-header a.btn-delete
								{ color: #fff; background: #ff3547; }
.form-section-field:hover,
.form-section-field:hover .form-field-header
								{ border-color: #EF6A58; }
.form-section-field:hover .form-field-header h2 i 
								{ color: #EF6A58; }
.form-section-field:hover .form-field-header p span
								{ color: #000; }
.form-section-field:hover .form-field-header a
								{ background: #f0f0f0; }
.createSection					{ position: relative; margin: 20px 0; text-align: center; }
.createField					{ position: relative; margin: 20px 0; text-align: center; }
.card-header.assFrmPoint		{ cursor: pointer; }
.card-detail h2                 { text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 700; color: #EF6A58; margin: 0 0 5px 0; }
.clinicAnaly					{ text-align: center; }
.clinicAnaly h1					{ text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 700; color: #EF6A58; margin: 0 0 5px 0; }
.clinicAnaly h3					{ margin: 0; }
.clinicAnaly div.cPackName		{ color: #fff; font-size: 13px; line-height: 13px; font-weight: 400; text-transform: uppercase; padding: 5px 15px; display: inline-block; border-radius: 16px; background: #2A2E3D; text-align: center;}


.card-detail .frmLstTag:first-child
								{ margin-top: 0px; }
.card-detail .frmLstTag:last-child
								{ margin-bottom: 0px; }

.card-detail .frmLstTag 		{ background: #F5F5F3; padding: 15px; margin: 30px 0; border-radius: 6px; }
.card-detail .frmLstTag h2    	{ font-size: 14px; font-weight: 600; color: #fff; background: #EF6A58; padding: 10px; text-transform: initial; border-radius: 5px; margin-bottom: 20px; }
.card-detail .frmLstTag p span	{ background: #dfe1e9; color: #000; }
.card-detail p                  { margin: 0; font-size: 14px; line-height: 1; font-weight: 600; }
.card-detail p span             { background: #f4f5ff; padding: 5px 8px; display: inline-block; border-radius: 5px; font-size: 13px; font-weight: 500; margin: 6px 6px 6px 0; }

.formDisplayHeader				{ position: relative; background-color: #EF6A58; text-align: center; }
.formDisplayHeader .approvedTag	{ position: absolute; right: 0; top: 0; background: #00c851; color: #fff; padding: 8px 10px 8px 20px; font-size: 16px; font-weight: 600; border-top-right-radius: 4px;
								border-bottom-left-radius: 30px; border-bottom: 2px solid rgba(255,255,255,0.5); }
.card-header.formDisplayHeader h2.clinicName
								{ font-size: 24px; line-height: 44px; font-weight: 600; letter-spacing: 1px; }
.card-header.formDisplayHeader h2
								{ color: #fff; font-size: 18px; line-height: 28px; }
.card-header.formDisplayHeader p{ color: rgba(255,255,255,0.7); font-size: 16px; line-height: 26px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice
                                { color: #ffffff; background-color: rgb(41 52 142); }
.slctCatCnt						{ background: rgba(159,152,138,0.1); border-radius: 6px; margin-bottom: 15px; }
.slctCatCnt .d-flex				{ padding: 15px; border-bottom: 2px solid #9f988a; }
.slctCatCnt .d-flex h2			{ font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; margin: 0;} 
.slctCatCnt .d-flex	p			{ margin: 0; }
.catCheckBoxes					{ padding: 15px; }
.catCheckBoxes .custom-control-label span
								{ font-weight: 400; }
.userMenuList					{ background: #f4f5ff; border-radius: 6px; }
.userMenuList h2				{ font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; margin-bottom: 0; border-bottom: 2px solid #838fe5; padding: 15px 15px 15px 15px }
.userMenuList h3                { margin: 15px 0 0 0; font-size: 15px;font-weight: 600; }
.userMenuList ul				{ list-style: none; padding: 15px 0 0 0; margin: 0; }
.userMenuList ul li				{ padding: 0px 15px 10px 15px; }
.userMenuList ul li:last-child	{ border-bottom: 0px solid #dadfe7; }
.userMenuList ul li label		{font-weight: 600;}
.userMenuList ul li ul			{ padding-top: 10px; }
.userMenuList ul li ul li		{border-bottom: 1px solid #fff;background: #e8ebff;padding: 10px 15px 10px 15px;margin: 0 -15px;}
.userMenuList ul li ul li label	{ font-weight: 400; }
.userMenuList .custom-toggle-slider:before
                                { background-color: #838fe5; }
.userMenuList .custom-toggle-slider
                                { border-color: #838fe5; }



/* Stripe Model  */

.result-message                         { line-height: 22px; font-size: 16px; }
.result-message a                       { color: rgb(89, 111, 214); font-weight: 600; text-decoration: none; } 
.hidden                                 { display: none; }
#card-error                             { color: #ff3547; text-align: left; font-size: 12px; line-height: 14px; margin-top: 12px; font-weight: 600; }  
#card-element                           { border-radius: 4px 4px 0 0 ; padding: 12px; border: 1px solid rgba(50, 50, 93, 0.1); height: 44px; width: 100%; background: white; }
#payment-request-button                 { margin-bottom: 32px; }

/* Buttons and links */
button.stripBtn                                  { background: #5469d4; color: #ffffff; font-family: Arial, sans-serif; border-radius: 0 0 4px 4px; border: 0; padding: 12px 16px; font-size: 16px;  font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; }
button.stripBtn:hover                            { filter: contrast(115%); } 
button.stripBtn:disabled                         { opacity: 0.5; cursor: default; }

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after                          { border-radius: 50%; }
.spinner                                { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.spinner:before,
.spinner:after                          { position: absolute; content: ""; }
.spinner:before                         { width: 10.4px; height: 20.4px; background: #5469d4; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px;  -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; }
.spinner::after                         { width: 10.4px; height: 10.2px; background: #5469d4; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; }

#staffOtpModal #resendOtp a             { font-size: 14px; }
#staffOtpModal .countdown               { font-weight: 700; }

.noChatAvail                            { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; }

/* Column Select */
.radColSelct img                        { height:auto; width: 100%; cursor: pointer; transition: transform 1s; }
.radColSelct label                      { overflow: hidden; position: relative; display: block; margin: 0 0 30px 0; }
.radColSelct .imgbgchk:checked + label>.tick_container
                                        { opacity: 1; }
.radColSelct .imgbgchk:checked + label>img
                                        { transform: scale(1); opacity: 0.6; }
.radColSelct .tick_container            { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
										-ms-transform: translate(-50%, -50%); cursor: pointer; text-align: center; }
.radColSelct .tick                      { background-color: #05b560; color: #fff; font-size: 14px; padding: 0; height: 20px; width: 20px; border-radius: 50%; }


.tox-notification--warning              { display: none !important; }


.pageLoadingDiv                         { position: fixed; z-index: 1031; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; display: none; }
.pageLoadingDiv img                     { position: relative; }
.pageLoadingDiv:before                  { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); }


td div.logFrmDesc                       { width: 180px; white-space: normal; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
td.listFrmName p                        { font-size: 13px; color: #9f988a; font-weight: 600; margin: 0; }

.printFrm iframe						{ display: none !important; }
.printFrm .custom-toggle, .pdfPrintCheck{ -webkit-print-color-adjust: exact; }
.printFrm .card-header h2, 
.printFrm .card-header p                { background: none; }
.printFrm .card-header h2               { color: #EF6A58; }
.printFrm p:empty                       { display: none; }
.printFrm .form-control                 { border: none; border-bottom: 1px solid #9f988a; background: transparent !important; border-radius: 0px; padding: 2px 0px; height: auto; }
.printFrm .form-control-label           { margin: 0px; }

.printFrm .formDisplayHeader .text-right h2         
                                        { text-transform: capitalize; font-size: 15px; font-weight: 500; line-height: 20px; margin: 0px; color: #000; }
.printFrm .formDisplayHeader .text-right p
                                        { font-size: 14px; line-height: 24px; color: #ddd; }

.pdfPrintSecTitle                       { text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: 700; color: #EF6A58; background: #EEEBFE; width: 100%; border: none; 
										padding: 15px 0px; padding-left: 20px; border-left: 4px solid #EF6A58; -webkit-print-color-adjust: exact; }
.pdfPrintLabel                          { margin: 0px; font-size: 14px; color: #9f988a; font-weight: 500; }
.pdfPrintVal                            { color: #000; font-size: 14px; font-weight: 500;}
.pdfPrintLogo                           { height: 50px; width: auto; object-fit: cover; }
.pdfPrintOrg                            { margin: 0px; font-size: 15px; line-height: 20px; display: block; }
.pdfPrintOrgForm                        { color: #000; font-size: 15px; line-height: 20px; margin: 0px; text-align: center }

.printFrm .pdfPrintOrg                  { color: #EF6A58 !important; }
.printFrm .pdfPrintOrgAdd               { color: #000 !important; font-size: 14px; line-height: 16px; margin: 0px; font-weight: 600; }
.printFrm .pdfPrintOrgMob               { color: #9d9d9d !important; font-size: 14px; line-height: 16px; margin: 0; }

.printFrm .card-header.po-tblTtl        { border-bottom: 2px solid #9f988a; }
.printFrm .card-header.formDisplayHeader{ padding: 0 0 5px 0; margin-bottom: 15px; }



ul.data-list li h2						{ font-size: 14px; font-weight: 600; color: #9f988a; margin: 0; } 
ul.data-list li p						{ font-size: 15px; font-weight: 500; color: #2A2E3D; margin: 0; }
ul.data-list li img						{ width: auto; height: 60px; }
li.list-group-item 						{ padding: 0.5rem 1rem; border-color: #e7e7e7; }
ul li.list-group-item:last-child 		{ border-bottom: 0px; }

.ConfigureForm .med-s-package			{ margin-bottom: 30px; }
.ConfigureForm .med-s-package label		{ cursor: pointer; background: transparent; }
.ConfigureForm h2.CfrmLbl				{ font-size: 16px; font-weight: 700; color: #EF6A58; margin-bottom: 10px;} 
.ConfigureForm .med-s-package label h2	{ font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 5px; font-weight: 700; }
.ConfigureForm .med-s-package label p span
										{ color: #2A2E3D; }
.ConfigureForm .med-s-package label li span
										{ color: #2A2E3D; font-weight: 600; }
.ConfigureForm .modifyPriceCnt			{ background: #F2EFE9; padding: 20px; border-radius: 10px; box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid #e5e3de; }
.ConfigureForm .modifyPriceCnt h2		{ font-size: 16px; font-weight: 700; color: #EF6A58; margin-bottom: 20px; }
.ConfigureForm .modifyPriceCnt label span,
.ConfigureForm .modifyPriceCnt label	{ margin: 0; color: #2A2E3D; }
.ConfigureForm .modifyPriceCnt input	{ font-size: 14px; font-weight: 700; color: #EF6A58; }
.ConfigureForm .modifyPriceCnt p.installmentMsg
										{ color: #0b4e2f; background-color: #bdffe1; border: 1px solid #00ed81; border-radius: 8px; padding: 8px 15px; font-size: 14px; font-weight: 500; margin-top: 20px; 
										margin-bottom: 0; }
h2.cardTtl								{ text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 700; color: #EF6A58; margin: 20px 0; }
.mpOutBox								{ border-radius: 14px; text-align: center; padding: 15px; background: #F2EFE9; padding: 20px 10px; box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid #e5e3de; }
.mpOutBox h2							{ font-size: 16px; margin: 0; color: #000; }
.mpOutBox p								{ font-size: 18px; font-weight: 700; margin: 0; color: #EF6A58; }
.mpOutBox p.outstanding					{ color: var(--danger); }
.mpOutBox p.receieved					{ color: #00c851; }
.message-pay							{ display: flex; justify-content: space-between; align-items: center; background: #fff; margin-bottom: 30px; padding: 15px; border-radius: 10px; 
										box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); }
.message-pay h2							{ font-size: 16px; margin: 0; color: #EF6A58; }
.message-pay p							{ font-size: 14px; font-weight: 600; margin: 0; color: #000; }
.message-pay .d-flex i					{ color: #E9E4D9; font-size: 36px; }
.mpPayInst								{ background: rgba(239, 106, 88,0.09); padding: 20px; border-radius: 14px; box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid rgba(239, 106, 88,0.2); 
										margin-bottom: 30px; }
.mpPayInst h2							{ font-size: 16px; font-weight: 700; color: #EF6A58; margin-bottom: 0px;} 
.mpPayInst input						{ font-size: 14px; font-weight: 700; }
.mpPayInst button						{ padding-top: 15px; padding-bottom: 15px; }

h2.planPageTtl							{ font-size: 16px; font-weight: 700; text-transform: uppercase; margin: 10px 0; }
.mPlanThumb								{ width: 100%; background: #F2EFE9; padding: 15px; box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid #e5e3de; border-radius: 14px; margin: 15px 0; }
.mPlanThumb.mPlanUpgrade				{ background: rgba(239, 106, 88,0.09); box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid rgba(239, 106, 88,0.2); }
.mPlanThumb.mPlanCustom					{ background: rgba(239, 106, 88,0.2); }
.mPlanThumb h2							{ font-size: 16px; font-weight: 700; margin: 0; color: #EF6A58; line-height: 1.5; }
.mPlanThumb	p							{ font-size: 13px; font-weight: 500; line-height: 1; color: #9f988a; margin: 0; }
.mPlanThumb	.mPlanPrice					{ font-size: 14px; font-weight: 600; line-height: 1.4; color: #9f988a; text-align: right; }
.mPlanThumb	.mPlanPrice span			{ display: block; font-weight: 800; color: #000; } 
.mPlanThumb	ul							{ margin: 10px 0; padding-left: 18px; } 
.mPlanThumb	ul li						{ font-size: 13px; font-weight: 500; }
.mPlanThumb	.mPlanAction				{ text-align: right; }
.mPlanAutoRenew							{ width: 100%; padding: 15px; border: 1px solid #e5e3de; border-radius: 14px; margin: 15px 0; display: flex; flex-direction: column; justify-content: space-between; } 
.mPlanAutoRenew	h2						{ font-size: 16px; font-weight: 700; margin: 0; color: #EF6A58; }
.mPlanAutoRenew	p						{ font-size: 14px; font-weight: 400; }
.mPlanAutoRenew	p span					{ font-weight: 500; }
.mPlanAutoRenew	a						{  }
.mPlanCard								{ width: 100%; position: relative; border: 1px solid #e5e3de; border-radius: 14px; padding: 15px; margin: 15px 0; display: flex; flex-direction: column; 
										justify-content: space-between; } 
.mPlanActive i							{ display: none; } 
.mPlanCard h1							{ font-size: 14px; color: #000; } 
.mPlanCard .mPlanCardNo h2				{ font-size: 12px; line-height: 1; margin: 0; } 
.mPlanCard .mPlanCardNo p				{ font-size: 14px; font-weight: 900; letter-spacing: 2px; color: #EF6A58; } 
.mPlanCard .mPlanCardDate				{ font-size: 13px; font-weight: 500; line-height: 1; color: #9f988a; } 
.mPlanCard .mPlanCardDate span			{ font-weight: 700; margin-left: 5px; } 
.mPlanCard.active						{ border: 1px solid #EF6A58; }
.mPlanCard.active .mPlanActive i		{ display: block; position: absolute; right: -8px; top: -8px; background: #EF6A58; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; 
										font-size: 12px; border-radius: 50%; }
.mPlanCard a.mPlanCardAdd				{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; font-size: 14px; font-weight: 700; color: #000;  } 
.mPlanCard a.mPlanCardAdd i 			{ font-size: 18px; margin-bottom: 10px; }
.mPlanCard a.mPlanCardAdd:hover			{ color: #EF6A58; }
.recu-card .mPlanCard                   { border-radius: 0px; border: 1px solid transparent; margin: 15px 0; padding: 0; }
.recu-card .mPlanCard input             { width: 0; height: 0; position: absolute; left: -9999px; }

.recu-card .mPlanCard label 			{ cursor: pointer; background: transparent; } 
.recu-card .mPlanCard label 			{ position: relative; width: 100%; display: block; margin: 0; background: #F8F9FC;padding: 10px; border: 2px solid #9f988a; border-radius: 10px; 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; }
.recu-card .mPlanCard label i 			{ background: #00c851; color: #fff; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; position: absolute; right: 5px; top: 5px; 
										display: none; -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; }
.recu-card .mPlanCard label:hover,
.recu-card .mPlanCard input:checked+label:hover,
.recu-card .mPlanCard input:checked+label 
										{ border-color: #00c851; }
.recu-card .mPlanCard input:checked+label i
										{ top: -8px; right: -8px; display: block; }


/* Credential User */
.success-check							{ background: #3aad00; border-radius: 6px; width: 22px; height: 22px; font-size: 13px; display: flex; align-items: center; justify-content: center; color: #fff; }
.inner-sub-title						{ font-size: 14px; font-weight: 600; color: #2A2E3D; margin-bottom: 35px; }  
.empty-records							{ text-align: center; margin: 120px 0; }
.empty-records i						{ font-size: 120px; margin-bottom: 30px; color: #F2EFE9; }
.empty-records h2						{ font-size: 20px; font-weight: 700; margin-bottom: 2px; color: #EF6A58; }
.empty-records p						{ font-size: 14px; font-weight: 500; }
.navbar-nav-profile 					{ height: calc(100% - 170px); display: flex; flex-direction: column; justify-content: space-around; }
.nav-profile							{ background: rgba(239, 106, 88, 0.09); box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%); border: 1px solid rgba(239, 106, 88, 0.2); margin-right: -12px; margin-left: -12px; 
										border-radius: 20px; text-align: center; padding: 15px 10px; }
.nav-profile .nav-avatar				{ margin-bottom: 20px; }
.nav-profile .nav-avatar img			{ width: 100px; height: 100px; object-fit: cover; object-position: top; border: 2px solid #EF6A58; border-radius: 30px; }
.nav-profile h2							{ font-size: 16px; line-height: 1; font-weight: 800; margin: 0; }
.nav-profile h3							{ font-size: 13px; font-weight: 600; color: #9f988a; margin-bottom: 2px; }
.nav-profile a							{ font-size: 14px; font-weight: 600; } 
.nav-profile a:hover					{ color: #000; }	 
.nav-profile a.btn-sm 					{ font-size: 12px; color: #fff; padding-left: 12px; padding-right: 12px; }



/* modal tab */
.modal .nav-tabs 						{ border-bottom: 0px; }
.modal .nav-tabs .nav-item				{ margin-left: 2px; margin-right: 2px; }
.modal .nav-tabs .nav-item:first-child	{ margin-left: 0px; }
.modal .nav-tabs .nav-item:last-child	{ margin-right: 0px; }
.modal .nav-tabs .nav-item a			{ font-size: 14px; font-weight: 600; color: #EF6A58; padding: 8px 20px; border: 0px; }
.modal .nav-tabs .nav-item a:hover		{ background: #F5F5F3; } 
.modal .nav-tabs .nav-item a.active		{ background: #F5F5F3; }
.modal .tab-content	.tab-pane			{ background: #F5F5F3; padding: 15px; border: 0px; }
.modal .tab-content	.tab-pane .custom-control
										{ margin-bottom: 2px; }
.modal .tab-content	.tab-pane .custom-control-label span
										{ font-weight: 400; font-size: 13px; }

@page { margin: 0.2cm; margin-top: 1cm; margin-bottom: 2cm }
@media print {
	body 						{ margin: 5mm; page-break-inside: avoid !important; }
	.card-header                { position: fixed; top: 0px !important; width: 95%; }
	/*.pdfPrintOrgForm            { margin-top: -10px; } */
}

@media (max-width: 1024px)		{
	.login-card .card-body 		{ padding: 25px; }
}
@media (max-width: 991px)		{
	.login-page .loginForm		{ position: relative; width: calc(100% + 30px); left: 0; top: auto; transform: translate(0,0); margin-top: 30px; margin-bottom: 30px; }
	.card.login-card 			{ margin: 0 0 30px 0; }
}
@media (max-width: 575px)		{
	.login-page .loginBox h2 	{ font-size: 36px; line-height: 40px; }
	.login-page .loginBox p 	{ font-size: 20px; line-height: 30px; margin-bottom: 50px; }
	.login-page .loginBox h3	{ font-size: 24px; }
	.form-wizard .form-wizard-steps li span
								{ height: 30px; line-height: 30px; width: 30px; font-size: 15px; }
	.form-wizard .form-wizard-steps li::after
								{ top: 14px; }
	.form-wizard .form-wizard-steps li p
								{ font-size: 12px; line-height: 16px; }
	.form-wizard .form-wizard-steps li.active p, .form-wizard .form-wizard-steps li.activated p
								{ font-weight: 500; }
}