.hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-item .nav-link{
	padding: .75rem 1.5rem;
}
.brand-img{
	max-height: 40px;
}
.progress-wrap.lb-side-left .progress-lb-wrap .progress-label{
	text-align: left;
}
.custom-z-index-left{
	z-index: 11;
	background: #f4f6f7;
}
.invoice-bar-icon{
	color: #c1c6c8;
}
/*.fmapp-wrap .fmapp-sidebar .custom-border-left{
	border-left: 1px solid #e0e3e4;
}*/
.fmapp-wrap .fmapp-sidebar .fmapp-nav-wrap{
	padding: 15px 15px 15px 0;
}
@media only screen and (min-width: 768px){
	.p-lg-custom{
		padding: 20px;
	}
	.fmapp-wrap .fmapp-sidebar{
		left: 0;
	}
	.fmapp-wrap .fm-box{
		margin-left: 200px;
	}
	.fmapp-wrap.fmapp-sidebar-toggle .fmapp-sidebar{
		left: -200px;
	}
}

.btn-primary-light {
	color: #ffffff;
	background-color: #c3e0a0;
	border-color: #c3e0a0;
}

.hk-nav .nav-item .nav-link {
	/*
	margin: 10px;
	min-height: 30px !important;
	padding: 5px 10px !important;
	*/
}

.hk-nav .nav-item.active .nav-link {
	background: #e6e6e6;
}

/* Rating Star Widgets Style */
.rating-stars ul {
	list-style-type:none;
	padding:0;

	-moz-user-select:none;
	-webkit-user-select:none;
}
.rating-stars ul > li.star {
	display:inline-block;

}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
	font-size:2.5em; /* Change the size of the stars */
	color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
	color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
	color:#FF912C;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 20px;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
	/*
	content: '';
	position: absolute;
	width: 6px;
	background-color: #f39b3f;
	top: 20px;
	bottom: 75%;
	left: 0;
	margin-left: 10px;
 	*/
}

.timeline::before {
	content: '';
	position: absolute;
	background-color: transparent;
	top: 5%;
	bottom: 20px;
	left: 0;
	margin-left: 10px;
	z-index: 1;
	border: 3px dashed;
}

/* timeline-contentaround content */
.timeline-content{
	padding: 0 20px;
	position: relative;
	width: 100%;
}

/* The circles on the timeline */
.timeline-icon {
	position: absolute;
	left: -27px;
	padding: 5px 15px;
	font-size: 25px;
	border-radius: 100%;
	z-index: 1;
	top: 15px;
}

.timeline .orange {
	content: '';
	background: #ff9c00;
	color: #fff;
}

.timeline .blue {
	content: '';
	background: #00d9ff;
	color: #fff;
}

.timeline .gray {
	content: '';
	background: #fff;
	color: #888;
}

/* Place the timeline-contentto the right */
.right {
	left: 15px;
}

/* Fix the circle for timeline-content on the right side */
.right::after {
	left: -16px;
}

/* The actual content */
.timeline .content {
	padding: 15px;
	margin-left: 15px;
	background-color: transparent;
	position: relative;
}

.tooltip-modal {
	padding: 0 5px;
	border-radius: 0.25em;
	margin-left: 15px;
	font-size: 14px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
	/* Place the timelime to the left */
	.timeline::after {
		margin: 0;
	}

	/* Full-width timeline-content */
	.timeline-content{
		width: 100%;
		padding: 0 20px;
	}

	.timeline-icon {
		left: -21px;
	}

	/* Make sure all circles are at the same spot */
	.left::after, .right::after {
		left: 15px;
	}

	/* Make all right timeline-content behave like the left ones */
	.right {
		left: 0;
	}
}

.chatapp-wrap .chatapp-left {
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.chatapp-wrap .chatapp-right {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}

@media (max-width: 1024px) {
    .chatapp-wrap .chatapp-right {
        right: -100%;
        position: absolute;
        top: 0;
        left: 0;
	}

	.chatapp-wrap .chatapp-left, .chatapp-wrap .chatapp-right {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.arrow-triangle-wrap .left::after {
		left: 0;
	}
	#list_unstyled {
		/*padding-top: 20px !important;*/
	}
}

.wizard > .actions a {
	padding: 7px 17px 7px 17px;
    font-size: .85rem;
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
}

.wizard > .actions a:hover {
    padding: 7px 17px 7px 17px;
    font-size: .85rem;
	border-radius: .5rem;
	-webkit-border-radius: .5rem;
}

.hk-wrapper.hk-horizontal-nav .hk-pg-wrapper {
	padding-top: 50px;
}

@media screen and (max-width: 1160px) {
	#more_information_1 {
		display: none;
	}
	#more_information_2 {
		display: block;
	}
}

@media screen and (min-width: 1160px) {
	#more_information_2 {
		display: none;
	}
}

@media screen and (max-width: 420px) {
	#call_schedule_1 {
		display: none;
	}
	#call_schedule_2 {
		display: block;
	}
}

@media screen and (min-width: 420px) {
	#call_schedule_2 {
		display: none;
	}
}

@media screen and (max-width: 660px) {
	#work_process {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#work_process {
		width: 100%;
	}
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle {
	background-color: #80bfff;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:before {
	background-color: #80bfff;
}

.chatapp-wrap .chatapp-right .chat-body .media.sent .media-body .msg-box > div .arrow-triangle-wrap .arrow-triangle:after {
	background-color: #80bfff;
}

table.dataTable thead th.sorting_asc::after {
	color: #ffffff;
}

table.dataTable thead th.sorting_asc::before {
	color: #ffffff;
}

table.dataTable thead th.sorting_desc::after {
	color: #ffffff;
}

table.dataTable thead th.sorting_desc::before {
	color: #ffffff;
}

.form-control:focus {
	box-shadow: none;
	border-color: #80bfff;
}

.custom-checkbox.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #007bff;
}

.wizard > .actions a {
	background: #6db3e2;
	border: 1px solid #6db3e2;
}

.wizard > .actions a:hover {
	background: #6db3e2;
	border: 1px solid #6db3e2;
}

.wizard .wizard-icon-wrap:before {
	background-color: #66ccff;
}

.wizard > .steps .done a .wizard-icon-wrap {
	background-color: #3399ff;
}

.wizard > .steps .done a .wizard-icon-wrap:hover {
	background-color: #3399ff;
}

.hk-footer-wrap {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.text-blue-light {
	color: #6db3e2;
}

/* Rating Star Widgets Style */
.rating-stars ul {
	list-style-type: none;
	padding: 0;

	-moz-user-select: none;
	-webkit-user-select: none;
}

.rating-stars ul > li.star {
	display: inline-block !important;
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
	font-size: 2.5em; /* Change the size of the stars */
	color: #ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
	color: #FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
	color: #FFCC36;
}

.alert.alert-success{
	color: #ffffff;
	background: #66afe1;
	border-color: rgb(102 175 225);
}

.user-profile {
	min-width: 48px;
}

.pagination .page-item.active .page-link {
	background: #66afe1;
	border-color: #66afe1;
	color: #fff;
}

ul.ui-autocomplete {
	background-color: #fff;
	list-style: none;
	border: 1px solid #ccc;
	margin: 0;
	min-width: 300px;
	max-width: 300px;
	padding: 10px;
	font-size: 15px;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: calc(2.25rem + 4px);
}

.select2-container--default .select2-selection--single {
	border: 1px solid #66afe1;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

}

input.select2-search__field:focus-visible {
	outline: none;
}