.applink:hover {
	/*background-color: #8a8c8e;*/
	margin: 1px 1px 1px 1px;
	border-radius: 14%;
	/*background-image:url('https://www.outlookindia.com/outlooktraveller//public/uploads/2018/07/tea-leaf-assam-tea-featured-image.jpg');*/
	/*height: 170px;*/
	/*width: 120px;*/
}

.applink {
	font: initial;
	color: ghostwhite;
}

.applinkitem {
	background-color: #9fc1c7;
	color: #ffffff;
	font-weight: bold;
	margin-right: 0.2em;
}

.selected {
	background-color: #8a8c8e;
	border-radius: 14%;
}

/****************/
label.error {
	display: block;
	float: none;
	color: red;
	padding-left: 0.5em;
	vertical-align: top;
}


body {

    line-height: 1.2 !important;

}


* {
	margin: 0;
	padding: 0;
}

i {
	margin-right: 10px;
}
/*----------bootstrap-navbar-css------------*/
.navbar-logo {
	padding: 15px;
	color: #fff;
}

.navbar-mainbg {
	background-color: rgba(90, 153, 164, 0.74); 
      
	padding: 0px;
}

#navbarSupportedContent {
	overflow: hidden;
	position: relative;
}

#navbarSupportedContent ul {
	padding: 0px;
	margin: 0px;
}

#navbarSupportedContent ul li a i {
	margin-right: 10px;
}

#navbarSupportedContent li {
	list-style-type: none;
	float: left;
}

#navbarSupportedContent ul li a {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	display: block;
	padding: 20px 20px;
	/*transition-duration:0.6s;*/
	/*transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
	position: relative;
}

#navbarSupportedContent>ul>li.active>a {
	color: #ffffff;
	background-color: transparent;
	/*transition: all 0.7s;*/
}
/*#navbarSupportedContent a:not(:only-child):after {
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	transition: 0.5s;
}*/
#navbarSupportedContent .active>a:not(:only-child):after {
	transform: rotate(90deg);
}

#navbarNavDropdown ul li a->.active {
	display: inline-block;
	position: absolute;
	/*height: 100%;
	top: 0px;
	left: 0px;
	transition-duration:0.6s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	background-color: #4f7e86;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	margin-top: 10px;*/
	border-radius: 2em 0em;
	background-color: #4f7e86;
	top: 6px;
	left: 0px;
	height: 28px;
	width: 123.672px;
	border: 1px solid #fff;
}

.hori-selector .right, .hori-selector .left {
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #fff;
	bottom: 10px;
}

.hori-selector .right {
	right: -25px;
}

.hori-selector .left {
	left: -25px;
}

.hori-selector .right:before, .hori-selector .left:before {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #5161ce;
}

.hori-selector .right:before {
	bottom: 0;
	right: -25px;
}

.hori-selector .left:before {
	bottom: 0;
	left: -25px;
}

.modal-backdrop {
	position: unset !important;
}

@media ( min-width : 992px) {
	.navbar-expand-custom {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.navbar-expand-custom .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.navbar-expand-custom .navbar-toggler {
		display: none;
	}
	.navbar-expand-custom .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
}

@media ( max-width : 991px) {
	#navbarSupportedContent ul li a {
		padding: 12px 30px;
	}
	.hori-selector {
		margin-top: 0px;
		margin-left: 10px;
		border-radius: 0;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}
	.hori-selector .left, .hori-selector .right {
		right: 10px;
	}
	.hori-selector .left {
		top: -25px;
		left: auto;
	}
	.hori-selector .right {
		bottom: -25px;
	}
	.hori-selector .left:before {
		left: -25px;
		top: -25px;
	}
	.hori-selector .right:before {
		bottom: -25px;
		left: -25px;
	}
}

.card-header {
	max-height: 3em !important;
}

/*table {
	width: auto !important;
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch; //
	border: 1px solid #dee2e6;
	padding: 0.75rem 1.25rem !important;
}
*/
table {
/* border: 1px solid #dee2e6;   */
-webkit-overflow-scrolling: touch; // 
padding: 0.75rem 1.25rem !important;   
}

.table th, .table td {
	padding: 0.3rem !important;
}

.nav-sidebar {
	font-size: small;
	text-align: left;
	font-color: #fff;
}

.btn-sm, .btn-group-sm>.btn {
	padding: 0.30rem 0.75rem;
}

.navbar-nav .dropdown-menu {
	position: absolute;
}

@media screen and (min-width: 768px) {
	.left-icon {
		justify-content: flex-end;
		left: -180% !important;
		top: 100%;
		padding: 1.5rem 1rem;
	}
	#navbarDropdownMenuLink {
		justify-content: flex-end;
	}
}

.nav-sidebar .nav-item>.nav-link {
	color: #fff !important;
}

.ui-datepicker-trigger {
	position: relative;
}

/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
.ui-datepicker-trigger:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f073";
	color: #555;
	padding: 0 5px;
}

/* change color of symbol on hover */
.ui-datepicker-trigger:hover:after {
	color: #81bd9c;
}

/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
.ui-datepicker-trigger::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	color: transparent;
	background: transparent;
}

/* adjust increase/decrease button */
.ui-datepicker-trigger::-webkit-inner-spin-button {
	z-index: 1;
}

/* adjust clear button */
.ui-datepicker-trigger::-webkit-clear-button {
	z-index: 1;
}

#navbarNavDropdown ul li a {
	color: #ffff;
}

.navbar-expand-sm .navbar-nav .nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}


#navbarNavDropdown ul li a:hover {
	/*    background-color:#36553f3d; */
	font-weight: 700;
	/*    border-radius: 10em 0px;
       border: 1px solid white; */
}

navbarNavDropdown .nav-item, .active {
	background-color: #364b55b3;
	font-weight: 700;
	border-radius: 1em 0px;
	/*      border: 1px solid black; */
}

[class*="sidebar-dark"] .brand-link {
	
	background: rgb(79, 126, 134);
}



.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: #1a1a1a61;
	
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
	background-color: #9b9b9b8f;
	
}

.dropdown-item-log{
	color: red; !important;
}