body{
	background-color: #E3F1FF;
	font-family: 'Montserrat', sans-serif !important;
}
ul,li{
	text-decoration: none;
	list-style-type: none;
	padding-left: 0px;
}
/* .custom__card__wrapper .custom__card .col-lg-2{
	flex: 0 0 20%;
    max-width: 20%;
	padding-left: 20px;
} */
.content-wrapper{
	background-color: #E3F1FF;
}
[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link.active{
	box-shadow: none;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{
	background-color: #9CE3FF;
	border-radius: 100px;
	color: #16447C;
    filter: none !important;
    font-weight: 500;
    opacity: 1;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active>.nav-icon{
    filter: none !important;
    opacity: 1;
}
.navbar{
	padding: 20px 20px 10px 10px !important;
}
.nav-link{
	padding: 0.8rem 1rem !important;
	font-weight: 500 !important;
	opacity: 0.7;
}
.sidebar-mini .main-sidebar .nav-link{
	width: 100%;
}
[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
	border-radius: 100px;
	color: #16447C;
	opacity: 1;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link>.nav-icon{
	-webkit-filter: none !important;
    filter: none !important;
    opacity: 1;
}
.nav-sidebar>.nav-item .nav-icon{
	width: unset;
}
.nav-sidebar>.nav-item img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0.6;
}
.brand-link{
	padding: 1.55rem 0.5rem;
	text-decoration: none;
}
.page-info-wrapper h4{
	font-size: 20px;
	font-weight: 700;
}
.page-info-wrapper p{
	font-size: 14px;
}
.user-profile-placeholder{
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #EAF9FF;
	border-radius: 12px;
}
.user-profile-info h6{
	font-size: 15px;
	font-weight: 700;
}
.user-profile-info p{
	font-size: 12px;
	font-weight: 600;
	color: #92959E;
}
.calender-main-wrapper{
	background: #F3F3F3;
	padding: 12px 16px;
	border-radius: 10px;
	display: flex;
	align-items: center;
}
.c-info p{
	font-size: 14px;
	position: relative;
	top: 2px;
	font-weight: 600;
}
.custom__card{
	background: #FFFFFF;
	box-shadow: 0px 12.6698px 22.5241px rgba(208, 210, 218, 0.15);
	border-radius: 14.0776px;
	padding: 16px 10px;
}
.border__line{
	position: relative;
}
.border__line::after{
	content: '';
	display: inline-block;
	width: 2px;
	height: 100%;
	border-radius: 40px;
	border: 0.703878px solid #ECECEE;
	background: #ECECEE;
	position: absolute;
	top: 0;
	right: 0;
}
.card__single__info label{
	margin-bottom: 0px;
	font-weight: 500 !important;
	font-size: 13px;
	color: #92959E;
}
.card__single__info h5{
	font-size: 16px;
	font-weight: 600;
	margin-top: 5px;
}
.border__line__top{
	position: relative;
}
.border__line__top:after{
	content: '';
	width: 90%;
	margin: 0 auto;
	background: #ECECEE;
	border: 0.703878px solid #ECECEE;
	height: 2px;
	position: absolute;
	top: 0;
}
a{
	text-decoration: none;
}
.brand-text{
	font-weight: 700 !important;
	font-style: italic !important;
}

/* TOP ADD SECTION CSS */
.add-section{
	padding: 20px 20px 0px 20px;
}
.add-section p{
	font-size: 20px;
	font-weight: 600;
	width: auto;
	margin-bottom: 0px;
	padding: 0px;
}
.add-section a{
	background-color: #00C041;
	color: white !important;
	font-size: 12px;
	font-weight: 500;
	border: none;
	border-radius: 10px;
	padding: 11px 30px;
	width: auto;
	text-decoration: none;
}
.add-section span{
	background-color: white !important;
    border-radius: 50%;
    color: #00C041;
    padding: 0px 5px;
	padding-bottom: 0px;
    margin-right: 5px;
    font-size: 15px;
}
.add-transperant a{
	background-color: transparent !important;
	color: #2300AF !important;
	font-size: 12px;
	font-weight: 500;
	border: none;
	border-radius: 10px;
	padding: 11px 30px;
}
.add-transperant span{
	background-color: #2300AF !important;
    border-radius: 50%;
    color: white !important;
    padding: 0px 5px;
    margin-right: 5px;
    font-size: 15px;
}
/* Common CARD STYLE CSS */
.card-custom{
	background: #FFFFFF;
	box-shadow: 0px 12.6698px 22.5241px rgba(0, 0, 0, 0.20);
	border-radius: 23px;
	padding: 20px 10px;
}
.card-custom-shaded{
	background: #FFFFFF;
	box-shadow: 0px 12.6698px 22.5241px rgba(0, 0, 0, 0.20);
	border-radius: 23px;
	
}
.blue-card{
	border: 2px solid #00B7FE;
}
.blue-card .card-target-wrapper .card-target-value h5{
	color: #00B7FE;
}
.yellow-card{
	border: 2px solid #FFD600;
}
.yellow-card .card-target-wrapper .card-target-value h5{
	color: #FFD600;
}.green-card{
	border: 2px solid #006D25;
}
.green-card .card-target-wrapper .card-target-value h5{
	color: #006D25;
}.red-card{
	border: 2px solid #EC0000;
}
.red-card .card-target-wrapper .card-target-value h5{
	color: #EC0000;
}

.content-header-adjustment{
	padding: 20px;
}
/* .card-user-profile-placeholder{
	width: 85px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	
} */

.user-profile-img{
	height: 70px;
	width: 65px;
}
.user-profile-img-detail{
	height: 140px;
	width: 140px;
}
.card-user-profile-placeholder img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
	object-position: center;
}
/* .target-card-user-profile-placeholder{
	/* width: 85px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFD1D1; 
	border-radius: 12px; */
.target-card-user-profile-placeholder img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
	object-position: center;
}
.card-user-profile-info{
	color: black;
}
.card-user-profile-info h6{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 2px !important;
	word-wrap: break-word;
	max-height: 33px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 2; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
}
.card-user-profile-info p{
	font-size: 11px;
	font-weight: 500;
	margin-bottom: 4px !important;
	word-wrap: break-word;
	max-height: 30px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 1; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
}

.card-target-wrapper{
	padding: 35px 10px 0px 10px;
	align-items: center;
	margin: 0px !important;
}
.card-target-img p{
	font-size: 11px;
	font-weight: 500;
	color: black;
	margin: 0px !important;
}
.card-target-img img{
	height: 30px;
	padding-right: 15px;
}

.card-target-value h5{
	font-size: 28px;
	font-weight: 600;
	margin: 0px !important;
}

/* SALE PAGE CARD CSS */
.card-sale-content{
	padding: 15px 20px;
}
.card-sale-content p{
	font-size: 11px;
	font-weight: 500;
	margin: 0px !important;
	color: black;
}
.card-sale-content h4{
	font-size: 13px;
	font-weight: 700;
	margin: 0px !important;
	text-align: right;
    width: 62%;
	color: black;
	word-wrap: break-word;
}
.leadadjust{
	padding: 8px 20px !important;
}

.status-pending{
	background-color: #FF003A;
	color: white;
	padding: 10px 20px;
	border-radius: 70px;
	font-size: 10px;
	font-weight: 700;
}
.status-approved{
	background-color: #00C041;
	color: white;
	padding: 10px 20px;
	border-radius: 70px;
	font-size: 10px;
	font-weight: 700;
}
.status-assigned{
	background-color: #16447C;
	color: white;
	padding: 10px 27px;
	border-radius: 70px;
	font-size: 10px;
	font-weight: 700;
}
.card-sale{
	position: relative;
	height: 60px;
}
.sale-status{
	position: absolute;
	top: 0px;
	right: 10px;
	padding: 0px;
	width: auto;
}

/* Target PAGE CARD CSS */
.target-card-readmore{
	text-align: right;
	padding: 10px 20px;
}
.target-card-readmore a{
	text-decoration: underline;
	font-size: 15px;
	font-weight: 600;	
} 
.lead-card-textarea{
	padding: 20px 20px 0px 20px ;	
}
.lead-card-textarea textarea{
	width: 100%;
	height: 80px;
	padding: 10px 15px;
	border: none;
	background-color: #F6F6F6;
	border-radius: 12px;
	font-size: 11px;
	font-weight: 500;
	outline: none;
	color: black;
}
.card-lead-value h4{
	font-size: 28px;
	font-weight: 600;
	margin: 0px !important;
	color: #00B7FE;
}


/* Floor PAGE CARD CSS */
.floor-card-content{
	padding: 20px 10px 0px 10px;
}
.floor-card-content p{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px !important;
}
.floor-card-content h4{
	font-size: 25px;
	font-weight: 700;
	color: #16447C;
	height: 87px;
	margin: 0px !important;
}
.floor-card-bottom{
	background-color: #ECECEC;
	border-bottom-right-radius: 23px;
	border-bottom-left-radius: 23px;
	padding: 20px 20px;
	align-items: center;
}
.floor-card-bottom p{
	font-size: 11px;
	font-weight: 500;
	text-align: left;
	margin: 0px !important;
}
.floor-card-bottom h4{
	font-size: 15px;
	font-weight: 700;
	text-align: right;
	margin: 0px !important;
	word-wrap: break-word;
	height: 35px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 2; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
}


/* description PAGE CARD CSS */
.description-card-content{
	padding: 5px 25px !important;
}
.description-card-content p{
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 0px !important;
}
.description-card-content h4{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px !important;
}


/* SOLDOUT PAGE CARD CSS */
.soldout-card-header{
	padding: 20px 10px 0px 10px;
	height: 246px;
}
.soldout-card-bottom{
	background-color: #ECECEC;
	border-bottom-right-radius: 23px;
	border-bottom-left-radius: 23px;
	padding: 10px 10px;
}

/* PRPJECT PAGE CARD CSS */
.project-card-img{
	height: 170px;
}
.project-card-img img{
	border-top-left-radius: 23px;
	border-top-right-radius: 23px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.project-card-content{
	padding: 5px 20px;
}
.project-card-content p{
	font-size: 11px;
	font-weight: 500;
	margin: 0px !important;
}
.project-card-content h4{
	font-size: 13px;
	font-weight: 700;
	margin: 0px !important;
	text-align: left;
    width: 62%;
}
.project-detail-list ul{
	padding-left: 15px !important;
	margin-bottom: 0px !important;
}
.project-detail-list{
	background-color : #F6F6F6;
	padding: 15px;
	border-radius: 20px;
	margin: 15px 15px 0px 15px;
}
.project-detail-list p{
	font-size: 11px;
	font-weight: 500;
	word-wrap: break-word;
	height: 70px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 4; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
	margin-bottom: 0px;
}
.project-card-viewmore{
	text-align: center;
	padding: 10px 20px;
}
.project-card-viewmore a{
	text-decoration: underline;
	font-size: 12px;
	font-weight: 600;	
}

.ViewMore-btn button{
	background-color: #16447C;
	color: white;
	padding: 10px 30px;
	border-radius: 70px;
	font-size: 15px;
	font-weight: 600;
	border: none;
	outline: none;
}



/* LOGIN PAGE CSS */

.LoginSection{
	background-color: white !important;
}
.login-Leftsection{
	background-color: #16447C;
	height: 100vh;
	position: relative;
}
.login-Leftsection-img{
	display: flex;
    align-items: center;
    height: 100vh;
    justify-content: center;
}
.login-Leftsection-img img{
	height: 75px;
}
.login-img{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.login-img img{
	height: 300px;
	width: 400px;
}



.loginForm-Content{
	margin-left: 40px;
}
.loginForm-heading{
	margin-bottom: 25px;
}
.loginForm-heading h5{
	font-size: 30px;
	font-weight: 700;
}
.loginForm-heading p{
	font-size: 18px;
	font-weight: 600;
}
.loginForm input{
	background-color: #D9D9D9;
	margin-bottom: 20px;
	border: none;
	outline: none;
	padding: 15px 0px 15px 65px;
	border-radius: 50px;
	width: 80%;
	
}

.loginbtn-wrapper input{
	background-color: #16447C;
	color: white;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 15px;
	
}
.cnic-Wraper , .password-Wrapper{
	position: relative;
}
.cnic-Wraper:after{
	content: url(../img/dashboard/cnic.png);
    position: absolute;
    top: 15px;
    left: 30px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.password-Wrapper:after{
	content: url(../img/dashboard/password.png);
    position: absolute;
    top: 15px;
    left: 32px;
    z-index: 221;
    display: flex;
    align-items: center;
}


.main-form input , .input-group{
	background-color: white;
	margin-bottom: 20px;
	border: none;
	outline: none;
	padding: 10px 0px 10px 50px;
	border-radius: 50px;
	width: 100%;
	box-shadow: 0px 5.6698px 10.5241px rgba(0, 0, 0, 0.1);
	font-size: 16px;
	font-weight: 400;
}
.main-form input::placeholder{
	font-size: 16px;
	font-weight: 400;
}
.input-group{
	padding: 4px;
}
.input-group>.form-select{
	border: none;
    box-shadow: none;
    padding: 8px 10px 8px 0px;
	margin-left: 43px;
    border-radius: 50px;
    margin-right: 10px;
    width: 100%;
    outline: none;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
}

.form-select:focus{
	outline: none !important;
	border-color:red !important;
}

.close-icon{
	border-radius: 100%;
    background-color: #F44336;
    font-weight: 600;
    color: white;
    text-align: center;
    padding: 0px 7px;
    border: none;
    outline: none;
    margin-bottom: 20px;

}


.namewrapper , .numberwrapper , .cnicwrapper , .emailwrapper ,.passwordwrapper , .ClientNamewrapper
, .Amountwrapper , .Platnowrapper ,.ProjectTypewrapper ,.commissionwrapper, .sizewrapper , .PropertyTypewrapper 
,.Targetwrapper , .Assignedwrapper , .Plateformwrapper ,.relative {
	position: relative;
}
.Plateformwrapper:after{
	content: url(../img/dashboard/plateform.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.commissionwrapper:after{
	content: url(../img/dashboard/comission.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.sizewrapper:after{
	content: url(../img/dashboard/size.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.PropertyTypewrapper:after{
	content: url(../img/dashboard/propertytype.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Targetwrapper:after{
	content: url(../img/dashboard/targetamount.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Assignedwrapper:after{
	content: url(../img/dashboard/color-profile.svg);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.namewrapper:after{
	content: url(../img/dashboard/color-profile.svg);
    position: absolute;
    top: 6px;
    left: 18px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.numberwrapper:after{
	content: url(../img/dashboard/phone.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.cnicwrapper:after{
	content: url(../img/dashboard/cnic.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.emailwrapper:after{
	content: url(../img/dashboard/email.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.passwordwrapper:after{
	content: url(../img/dashboard/lock.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.ProjectTypewrapper:after{
	content: url(../img/dashboard/projecttype.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Platnowrapper:after{
	content: url(../img/dashboard/shopno.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Amountwrapper:after{
	content: url(../img/dashboard/amount.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.ClientNamewrapper:after{
	content: url(../img/dashboard/color-profile.svg);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}


.projectnamewrapper:after{
	content: url(../img/dashboard/projectname.png);
    position: absolute;
    top: 12px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}



.locationwrapper:after{
	content: url(../img/dashboard/location.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.marketingwrapper:after{
	content: url(../img/dashboard/marketing.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.whatsappwrapper:after{
	content: url(../img/dashboard/whatsapp.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.numberwrapper:after{
	content: url(../img/dashboard/phone.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.websitewrapper:after{
	content: url(../img/dashboard/website.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.facebookwrapper:after{
	content: url(../img/dashboard/facebook.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Twitterwrapper:after{
	content: url(../img/dashboard/twitter.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.youtubewrapper:after{
	content: url(../img/dashboard/youtube.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.videoswrapper:after{
	content: url(../img/dashboard/video.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Ratewrapper:after{
	content: url(../img/dashboard/rate.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.posterswrapper:after{
	content: url(../img/dashboard/poster.png);
    position: absolute;
    top: 13px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.Constructionwrapper:after{
	content: url(../img/dashboard/projectname.png);
    position: absolute;
    top: 10px;
    left: 16px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.downloadwrapper:after{
	content: url(../img/dashboard/fileupload.png);
    position: absolute;
    top: 10px;
    left: 14px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.installmentswrapper:after{
	content: url(../img/dashboard/installments.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}
.floorwrapper:after{
	content: url(../img/dashboard/floor.png);
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 221;
    display: flex;
    align-items: center;
}


.cancel{
	width: 35%;
}
.save-btn{
	   width: 63%;
    margin-left: 10px;
}
.cancel a , .cancel button{
	background-color: white;
	border: none;
	outline: none;
	padding: 10px 20px;
	border-radius: 50px;
	display: block;
	width: 100%;
	text-decoration: none;
	color: #16447C;
	border: 1px solid #16447C;
	text-align: center;
}
.save-btn a , .save-btn button{
	text-align: center;
	background-color:blue;
	border: none;
	outline: none;
	padding: 12px 20px;
	border-radius: 50px;
	display: block;
	width: 100%;
	text-decoration: none;
	background-color: #16447C !important;
	color: white !important;
}

.form-image-wrapper{
	padding: 5px 20px;
}

.form-image-wrapper p{
	padding-left: 15px;
	font-size: 12px;
	font-weight: 500;
}
.form-image-upload-placeholder{
	width: 85px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: White;
	border-radius: 12px;
}
.form-image-upload-placeholder2{
	width: 85px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: 1px dashed #92959E;
	border-radius: 12px;
}

.textareawrapper textarea{
	width: 100%;
	background-color: white;
	border: none;
	outline: none;
	border-radius: 20px;
	padding: 10px 20px;
	height: 120px;
	box-shadow: 0px 5.6698px 10.5241px rgba(0, 0, 0, 0.1);
}

.main-form .add-section {
	padding: 0px;
}




.detail-form input{
	background-color: #F1F1F1;
	margin-bottom: 20px;
	border: none;
	outline: none;
	padding: 6px 0px 6px 50px;
	border-radius: 50px;
	width: 85%;
	box-shadow: 0px 5.6698px 10.5241px rgba(0, 0, 0, 0.1);
}


.header-section{
	font-size: 18px;
	font-weight: 500;
}
.card-detail-wrapper{
	padding: 10px 20px;
	align-items: center;
	margin: 0px !important;
}
.project-detail-content{
	padding: 5px 20px;
}
.project-detail-content p{
	font-size: 11px;
	font-weight: 500;
	margin: 0px !important;
}
.project-detail-content h4{
	font-size: 13px;
	font-weight: 700;
	margin: 0px !important;
	text-align: left;
}



.sidebarcard-wrapper{
	background-color: white;
}
.sidebarcard-header , .siderbar-detail-list{
	padding: 20px 15px;
}

.sidebarcard-header p{
	font-size: 16px;
	font-weight: 400;
	color: #15192C;
	margin-bottom: 0px;
}
.sidebarcard-header a{
	font-size: 12px;
	font-weight: 600;
	color: #16447C;
	margin-bottom: 0px;
	border: 1px solid #16447C;
	padding: 5px 10px;
	border-radius: 15px;
}

.sidebarcard-body li:nth-child(odd){
	background-color: #ECECEC;
}
.detailcard-img{
	padding: 0px;
}
.detailcard-img img , .detailleadecard-img img{
	border-radius: 50%;
	height: 50px;
	object-fit: cover;
	object-position: center;
}


.detailcard-list-content p{
	font-size: 11px;
	font-weight: 400;
	color: black;
	margin-bottom: 5px;
	max-height: 30px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 1; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
}
.detailcard-list-content h5{
	font-size: 15px;
	font-weight: 600;
	color: black;
	word-wrap: break-word;
	max-height: 33px;
	overflow: hidden;
   	text-overflow: ellipsis;
   	display: -webkit-box;
   	-webkit-line-clamp: 2; /* number of lines to show */ 
   	-webkit-box-orient: vertical;
}
.detailcard-list-content a{
	font-size: 12px;
	font-weight: 600;
	color: black;
	margin-bottom: 0px ;
	text-decoration: underline;
}
.modal-content{
	border-radius: 30px !important;
}
.modal-header{
	background-color: #00B7FE;
	color: white;
	padding: 10px !important;
	border: none;
	justify-content: center !important;
	border-top-left-radius: 23px !important;
	border-top-right-radius: 23px !important;
}
.modal-header h1{
	font-size: 22px !important;
	font-weight: 600;
}
.modal-body{
	padding-top: 30px;
}

.approved-radiobutton , .pending-radiobutton{
	background-color: #EDEDED;
	border-radius: 25px;
	padding: 10px 20px;
	display: flex;
	justify-content: between;
	align-items: center;

}

.pending-radiobutton label , .approved-radiobutton label{
	color: #92959E;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 0px;
}

.modal-body input[type=checkbox]:checked {
  accent-color: #4BAE4F !important;
  color: white !important;
}



.graph-space{
	height: 250px;
}
.card-custom-graph{
	background: #FFFFFF;
	border-radius: 15px;
	padding: 20px 10px;
}
.detail-cardlist-data{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail-cardlist-content p{
	font-size: 11px;
	font-weight: 400;
	color: black;
	text-align: left;
}
.detail-cardlist-content h5{
	font-size: 15px;
	font-weight: 600;
	color: black;
	text-align: right;
}
.siderbar-detail-list-wrapper{
	border-bottom: 1px solid #ECECEE;
}
.sidebarLeadcard-body li:last-child .siderbar-detail-list-wrapper{
	border-bottom: 0px;
}
.sidebarleadcard-wrapper{
	background-color: white;
	border-radius: 16px;
}




.Graphcard-Heading{
	padding: 5px 15px;
}
.cardmain-body{
	background-color: palevioletred;
	padding: 5px 15px;

}

.add-nav-tabs .nav-pills .nav-link.active, .add-nav-tabs .nav-pills .show>.nav-link{
	background-color: #16447C !important;
	border-radius: 50px;
}
.add-nav-tabs .nav-pills .nav-link.active:hover, .add-nav-tabs .nav-pills .show>.nav-link:hover{
	color: white;
}
.fix-opacity{
	opacity: 1 !important;
	width: 100%;
}
.add-nav-tabs .nav-pills .nav-link{
	border-radius: 50px !important;
	border: 1px solid #16447C;
	background-color: white;
}
.add-nav-tabs .nav-pills .nav-link:hover{
	color: #16447C;
}



.uploadFile {
    width: 100%;
    background-color: white;
    border: 1px solid #F4F4F4;
    font-size: 14px;
    overflow: hidden;
    padding: 8px 0px 8px 45px;
    position: relative;
    resize: none;
    border-radius: 50px;
	box-shadow: 0px 5.6698px 10.5241px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 400 !important;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom: 20px;
	line-height: 2;
}
.uploadFile [type=file] {
    cursor: pointer !important;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    z-index: 1;
}
.upload__img__icon {
    position: absolute;
    top: 11px;
    right: 11px;
}

@media(min-width:320px) and (max-width:767px){
		.login-img img {
    		height: 230px;
    		width: 230px;
		}
		.loginForm-heading {
		    margin: 30px;
		}
		.login-Leftsection{
			height: 53vh;
		}
		.login-Leftsection-img{
			height: 30vh;
		}
		.login-Leftsection-img img{
			height: 50px;
		}
		.loginForm-Content {
		    margin-left: 0px;
		    text-align: center;
		}
		.cnic-Wraper:after{
			left: 60px;
		}
		.password-Wrapper:after{
			left: 60px;
		}
		.main-form input::placeholder{
			font-size: 14px;
			font-weight: 500;
		}
		.card-user-profile-placeholder , .target-card-user-profile-placeholder {
    		width: 80px;
    		height: 85px;
		}
		.add-transperant a {
		    padding: 9px 15px;
		}
		.soldout-card-header {
		    height: 280px;
		}
		.ViewMore-btn{
			margin-bottom: 40px;
		}
		.detail-profile{
			flex-direction: column;
			align-items: flex-start !important;
		}
		.detail-form input{
			width: 100%;
		}
		 .custom__card__wrapper .custom__card .col-lg-2 {
			margin-bottom: 20px;
		}
		.add-section p{
			margin-bottom: 10px;
		}
		.add-section a {
			padding: 11px 20px;
		}
		.navbar-expand .navbar-nav{
			align-items: center;
		}
		.detailcard-img , .detailleadecard-img {
			padding: 0px 15px;
			max-width: 25%;
		}
		.detailcard-list-content{
			margin: 10px 10px 0px 10px;
		}
		.border__line::after{
			height: 0%;
		}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
		
		.login-Leftsection-img{
			height: 45vh;
		}
		.login-Leftsection{
			height: 60vh;
		}
		.loginForm-Content{
			text-align: center;
			margin-left: 0px;
			padding: 45px 0px;
		}
		.cnic-Wraper:after{
			left: 100px;
		}
		.password-Wrapper:after{
			left: 100px;
		}
		.detail-profile{
			flex-direction: row;
			align-items: center !important;
		}
		.detail-form input{
			width: 85%;
		}
		.detailcard-img , .detailleadecard-img {
			padding: 0px 15px;
			text-align: center;
		}
		.modal-content .modal-body .justify-content-between{
			justify-content: space-around !important;
		}
		.custom__card__wrapper .custom__card .col-lg-2 {
			margin-bottom: 20px;
		}
}