/*== Font-Size ==*/
.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-22 { font-size: 22px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
/*== Font-Size /==*/

.h4, h4 { font-size: 18px;}
/*== Shadow ==*/
.shadow-r-3 { box-shadow: 2px 10px 8px rgba(0,0,0,0.15) }
.shadow-b-3 { box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08) }
.shadow-b-4 { box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08) }
/*== Shadow /==*/

/*== Text Color ==*/
.text-dark-grey { color: #323232; }
.text-black { color: #000 }
.text-sky-blue { color: #067ad5 !important;}
.text-black-30 { color: #a4a5a7 }
/* .text-green { color: #49b14b !important}
.text-green:hover { color: #006400 !important}
.text-yellow { color: #fcf200 !important}
.text-yellow:hover { color: #FFFF66 !important}
.text-red { color: #ec2b24 !important}
.text-red:hover { color: #8B0000 !important}
.text-green-light { color: #b5e61e !important}
.text-green-light:hover { color: #b5e61e !important} */
.text-green-light {
    color: #6a8c00 !important;
}
.text-yellow {
    color: #8e8912 !important;
}
.text-red {
    color: #8B0000 !important;
}
.text-green {
    color: #266b28 !important;
}
.text-green-light:hover, .text-green-light.active {
    color: #6a8c00 !important;
	background-color: #dceca7 !important;
	border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
}
.text-yellow:hover, .text-yellow.active {
    color: #8e8912 !important;
	background-color: #e6e280 !important;
	border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
}
.text-red:hover, .text-red.active {
    color: #8B0000 !important;
	background-color: #e6bbbb !important;
	border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
}
.text-green:hover, .text-green.active {
    color: #266b28 !important;
	background-color: #c4eac5 !important;
	border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
}

.collapse-icon.btn-link { color: #007bff !important}


/*== radius css ==*/
.border-t-l-radius-0 { border-top-left-radius: 0px !important; }
.border-t-r-radius-0 { border-top-right-radius: 0px !important; }
.border-b-l-radius-0 { border-bottom-left-radius: 0px !important; }
.border-b-r-radius-0 { border-bottom-right-radius: 0px !important; }

.border-t-l-radius-4 { border-top-left-radius: 4px; }
.border-t-r-radius-4 { border-top-right-radius: 4px; }
.border-b-l-radius-4 { border-bottom-left-radius: 4px; }
.border-b-r-radius-4 { border-bottom-right-radius: 4px; }

/*== Text Color /==*/
.form-control, select.form-control:not([size]):not([multiple]) { height: 46px; font-size: 14px; border-radius: 4px;}
.btn-line-12 {
	line-height: 20px;
	min-width: 34px !important;
	width: 34px !important;
	height: 34px;
	text-align: center;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.input-group-text, .form-control:disabled, .form-control[readonly] { background: #fff;}
.btn { font-size: 14px;}

/*-- bg colors --*/
.bg-blue-gredient {
	background: rgba(27,138,242,1);
	background: -moz-linear-gradient(left, rgba(27,138,242,1) 0%, rgba(49,107,231,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,138,242,1)), color-stop(100%, rgba(49,107,231,1)));
	background: -webkit-linear-gradient(left, rgba(27,138,242,1) 0%, rgba(49,107,231,1) 100%);
	background: -o-linear-gradient(left, rgba(27,138,242,1) 0%, rgba(49,107,231,1) 100%);
	background: -ms-linear-gradient(left, rgba(27,138,242,1) 0%, rgba(49,107,231,1) 100%);
	background: linear-gradient(to right, rgba(27,138,242,1) 0%, rgba(49,107,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8af2', endColorstr='#316be7', GradientType=1 );
}
.bg-mustard { background: #e1ad01 !important;}
.facebook-bg { background: #2e4da6; }
.twitter-bg { background: #48a1f2; }
.instagram-bg { background: #3375a8; }
.yelp-bg { background: #d32623; }
.google-bg { background: #ea4336; }

/*== btn colors ==*/
.btn-primary-light {
	color: #fff;
	background-color: #63aeff;
	border-color: #56a5fb;
}

.btn-primary-light:hover {
	color: #fff;
	background-color: #017cff;
	border-color: #296cf3;
}

.btn-danger-light {
	color: #fff;
	background-color: #fb8d98;
	border-color: #ff939d;
}

.btn-danger-light:hover {
	color: #fff;
	background-color: #f53043;
	border-color: #bd2130;
}

.btn-info-light {
	color: #fff;
	background-color: #39c2d8;
	border-color: #45b7ce;
}

.btn-info-light:hover {
	color: #fff;
	background-color: #16a1b7;
	border-color: #11899c;
}


.relative { position: relative; }
.w-max-content { width: max-content !important; }
#accordion .w-max-content .pr-4 { padding-right: 35px !important; }
.bg-none { background: none; }
.h-auto { height: auto; }


/*=== Width css ===*/
.w-55 { width: 55px; }
.w-auto { width: auto;}
.h-55 { height: 55px; }
.mr--1 { margin-right: -5px !important }
.overflow-y-auto { overflow-y: auto; }
.max-h-300 { max-height: 300px; }
.border-radius-0 { border-radius: 0px; }

.h-450 { height: 450px; }

label {
	font-weight: 600;
}


@media (max-width: 1199px) { 
	.project-tab .nav-link { padding: 10px 15px !important; }
}

@media (max-width: 767px) { 
	.project-tab .nav-link { padding: 10px 8px !important; }
	.project-tab .btn.nav-link { padding: 8px 12px !important; }
}

@media (max-width: 575px) { 
	.project-tab .nav-link { padding: 10px 10px !important; display: block; width: 100%;}
	.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #0062cc !important; color: #fff !important }
}

@media (min-width: 1200px) {
	.xl-text-right { text-align: right !important; }
	.xl-text-left { text-align: left !important; }
	.xl-h-50 { height: 50% !important }
	.col-xl-20 { 
		flex: 0 0 20%;
		max-width: 20%;
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 20%;
	}
}

@media (min-width: 992px) {
	.lg-text-right { text-align: right !important; }
	.lg-text-left { text-align: left !important; }
	.col-lg-20 { 
		flex: 0 0 20%;
		max-width: 20%;
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 20%;
	}
}

@media (min-width: 768px) {
	.md-text-right { text-align: right !important; }
	.md-text-left { text-align: left !important; }
}

@media (min-width: 576px) {
	.sm-text-right { text-align: right !important; }
	.sm-text-left { text-align: left !important; }
}