:root{
	--theme-color-primary: #FFAB12;
	--theme-color-secondary: #47C2C8;
}
/*** color css ***/
.text-color-1{
	color:var(--theme-color-primary);
}
.text-color-2{
	color:var(--theme-color-secondary);
}
.typing{
	animation-name:typing;
	animation-duration: .5s;
	animation-iteration-count: infinite;	
}
@keyframes typing{
	0%{
		opacity:1;	
	}
	50%{
		opacity:.5;
	}
	100%{
		opacity:1;
	}
}
/*** button css ***/
.btn-default{
	padding:15px 30px;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background:var(--theme-color-primary);
	transition:all ease .3s;
}
.btn-default:hover{
	color:#fff;
}
.btn-default-2{
	padding:15px 30px;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background:var(--theme-color-secondary);
	transition:all ease .3s;
}
.btn-default-2:hover{
	color:#fff;
}
/*** Login layout ***/
.leftSider{
	background:transparent !important;
	position:relative;
}
.leftSider:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.leftSider:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:url(../img/corporate-office-bg.jpg);
	background-size:cover;
	background-position:left center;
	z-index:-1;
}
.welcome-box{
	padding:30px;
	background:rgba(0,0,0,.65);
	position:relative;
}
.welcome-box h1{
	margin-bottom:0 !important;
}
.welcome-box p{
	margin-bottom:0;
}
/*** Default layout ***/
.custom-main-header{
	background:linear-gradient(0deg, #48abf7, #40cdc6);
}
.custom-navbar.page-navigation .nav-item .nav-link{
	/*color:#124e85 !important;*/
	color:#fff !important;
	text-shadow:0 3px 5px rgba(0,0,0,.15);
	font-weight:bold;
}
.custom-navbar.page-navigation .nav-item.dropdown .nav-link:after{
	color:#fff !important;
}
.topbar-nav .nav-item .nav-link{
	/*color:#124e85 !important;*/
	color:#fff !important;
	text-shadow:0 3px 5px rgba(0,0,0,.15);
	transition:all ease .3s;
}
.topbar-nav .nav-item .nav-link:hover, .topbar-nav .nav-item .nav-link:focus{
	/*color:#083156 !important;*/
	color:rgba(0,0,0,.35) !important;
}
.navbar-brand{
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,.25));
  filter: drop-shadow(0px 0px 2px rgba(0,0,0,.25));
}
.dropdown-header{
	background:#f2f2f2;
	font-weight:600;
	color:var(--theme-color-primary);
}
.profile-pic .avatar-icon{
	border:1px solid #ccc;
	border-radius:50%;
	overflow:hidden;	
}
.user-box .avatar-lg{
	border:1px solid #eee;
}
.page-header-grid{
	background:url(../img/dashboard-header.jpg?168) no-repeat;
	background-size:cover;
	background-position:center -50px;
	position:relative;
}
.page-header-grid:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
}
.footer{
	background:linear-gradient(0deg, #48abf7, #40cdc6);
}
@media screen and (max-width: 991px){
	.custom-navbar.page-navigation{
		background:#48abf7;
	}
	.custom-navbar.page-navigation .nav-item .nav-link{
		color:#fff !important;
	}
	.custom-navbar.page-navigation .nav-item.dropdown .nav-link:after{
		color:#fff !important;
	}
	.topbar_open .navbar-header{
		background:#48abf7;
	}
}
/*** Utilities ***/
.text-desc{
	font-size:80%;
}
.card-color-primary{
	background:linear-gradient(0deg, #ffab12, #f7c66e) !important;
}
.card-color-secondary{
	background:linear-gradient(0deg, #47c2c8, #94dbdf) !important;
}
.bg-theme-primary{
	background:var(--theme-color-primary) !important;
}
.bg-theme-secondary{
	background:var(--theme-color-secondary) !important;
}
/*** Dashboard ***/
.icon-whatsapp{
	width:20px;
	height:auto;
}
.whatsapp-us{
	position:fixed;
	bottom:60px;
	right:15px;
	padding:5px 10px;
	width:45px;
	height:45px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.25);
	border-radius:50%;
	display:flex;
	align-items:center;
	transition:all ease .3s;
}
.whatsapp-us:hover{
	box-shadow:0 0 15px rgba(0,0,0,.5);
	transform:scale(1.2);
}
.whatsapp-us img{
	max-width:100%;
}
/*** Change password ***/
.toggle-password{
	position:absolute;
	right:10px;
	top:15px;
}

.card-header {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid black !important;
}

.progress {
	width: 100%;
	min-width: 120px;
    height: 23px;/* Height of the progress bar */
	background-color: #f2f2f2; /* Background color of the progress bar container */ 
	border-radius: 5px; /* Rounded corners for the progress bar */
}
  
.progress-bar {
	height: 100%; /* Make the progress bar fill the entire height of its container */
	background-color: linear-gradient(-45deg, #0A5A97, #48ABF7) !important; /* Color of the progress bar */
	border-radius: 5px; /* Rounded corners for the progress bar */
	position: relative;
}

.progress-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fbf7f7;
    font-weight: bold;
    z-index: 1; /* Ensures the label is above the progress bar */
}

.ph{
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.fs-14 {
    font-size: 14px;
}