/*
.app-top-navbar{
	background-color: #e3f2fd !important;
}
*/

header div.mb-npx .h2, header div.mb-npx .top-small-title {
	color: rgb(226, 0, 116);
}

.top-menu-navbar .nav-link, .top-menu-navbar .dropdown-item, .page-title {
	color: rgb(73, 80, 87) !important;
}

.navbar, .navbar .btn {
	padding: 0px;
	font-size: 14px;
}

.navbar-brand {
	color: rgb(49, 112, 143) !important;
	font-size: 14px;
}

.navbar .container {
	padding-left: 10px;
	max-width: 100%;
}

.full-width-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-top: 8px;
	padding-left: auto;
	padding-right: auto;
	color: #16192c;;
}

.dropdown-item {
	font-size: 14px;
}

.form-control {
	padding: .5rem 1.25rem !important;
}

.card-header-default {
  padding: 0.75rem 1.25rem !important;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer-default {
  padding: 0.75rem 1.25rem !important;
  background-color: rgba(0, 0, 0, 0.03) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

@media ( max-width :767px) {
	.full-width-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/*************** Grid View ***************/
@media ( min-width :1400px) {
	.card {
		position: relative;
		display: flex;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		border: 0 solid rgba(0, 0, 0, .125);
		border-radius: .75rem
	}
	.card>hr {
		margin-right: 0;
		margin-left: 0
	}
	.card>.list-group {
		border-top: inherit;
		border-bottom: inherit
	}
	.card>.list-group:first-child {
		border-top-width: 0;
		border-top-left-radius: .75rem;
		border-top-right-radius: .75rem
	}
	.card>.list-group:last-child {
		border-bottom-width: 0;
		border-bottom-right-radius: .75rem;
		border-bottom-left-radius: .75rem
	}
	.card>.card-header+.list-group, .card>.list-group+.card-footer {
		border-top: 0
	}
	.card-body {
		flex: 1 1 auto;
		padding: 1rem
	}
	.card-title {
		margin-bottom: .5rem
	}
	.card-subtitle {
		margin-top: -.25rem
	}
	.card-subtitle, .card-text:last-child {
		margin-bottom: 0
	}
	.card-link+.card-link {
		margin-left: 1rem
	}
	.card-header {
		padding: .5rem 1rem;
		margin-bottom: 0;
		background-color: #fff;
		border-bottom: 0 solid rgba(0, 0, 0, .125)
	}
	.card-header:first-child {
		border-radius: .75rem .75rem 0 0
	}
	.card-footer {
		padding: .5rem 1rem;
		background-color: #fff;
		border-top: 0 solid rgba(0, 0, 0, .125)
	}
	.card-header-default {
	  padding: 0.75rem 1.25rem !important;
	  margin-bottom: 0;
	  background-color: rgba(0, 0, 0, 0.03);
	  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	}
	.card-footer-default {
	  padding: 0.75rem 1.25rem !important;
	  background-color: rgba(0, 0, 0, 0.03) !important;
	  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
	}
	.card-footer:last-child {
		border-radius: 0 0 .75rem .75rem
	}
	.card-header-tabs {
		margin-bottom: -.5rem;
		border-bottom: 0
	}
	.card-header-pills, .card-header-tabs {
		margin-right: -.5rem;
		margin-left: -.5rem
	}
	.card-img-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 1rem;
		border-radius: .75rem
	}
	.card-img, .card-img-bottom, .card-img-top {
		width: 100%
	}
	.card-img, .card-img-top {
		border-top-left-radius: .75rem;
		border-top-right-radius: .75rem
	}
	.card-img, .card-img-bottom {
		border-bottom-right-radius: .75rem;
		border-bottom-left-radius: .75rem
	}
	.card-group>.card {
		margin-bottom: .75rem
	}
}

@media ( min-width :576px) {
	.card-group {
		display: flex;
		flex-flow: row wrap
	}
	.card-group>.card {
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top
		{
		border-top-right-radius: 0
	}
	.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom
		{
		border-bottom-right-radius: 0
	}
	.card-group>.card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top
		{
		border-top-left-radius: 0
	}
	.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom
		{
		border-bottom-left-radius: 0
	}
}

.card {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px
		rgba(0, 0, 0, .06)
}

.card[data-animation=true] .card-header {
	transform: translateZ(0);
	transition: all .3s cubic-bezier(.34, 1.61, .7, 1)
}

.card:hover[data-animation=true] .card-header {
	transform: translate3d(0, -50px, 0)
}

.card .card-header {
	padding: 1.5rem
}

.card .card-body {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	padding: 1.5rem
}

.card.card-plain {
	background-color: transparent;
	box-shadow: none
}

.card .card-footer {
	padding: 1.5rem;
	background-color: transparent
}

.bg-gradient-primary {
	background-image: linear-gradient(195deg, #ec407a, #d81b60)
}

.bg-gradient-secondary {
	background-image: linear-gradient(195deg, #747b8a, #495361)
}

.bg-gradient-success {
	background-image: linear-gradient(195deg, #66bb6a, #43a047)
}

.bg-gradient-info {
	background-image: linear-gradient(195deg, #49a3f1, #1a73e8)
}

.bg-gradient-warning {
	background-image: linear-gradient(195deg, #ffa726, #fb8c00)
}

.bg-gradient-danger {
	background-image: linear-gradient(195deg, #ef5350, #e53935)
}

.bg-gradient-light {
	background-image: linear-gradient(195deg, #ebeff4, #ced4da)
}

.bg-gradient-dark {
	background-image: linear-gradient(195deg, #42424a, #191919)
}

.shadow-primary {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(233, 30, 99, .4) !important
}

.shadow-secondary {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		hsla(0, 0%, 82%, .4) !important
}

.shadow-info {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(0, 188, 212, .4) !important
}

.shadow-warning {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(255, 152, 0, .4) !important
}

.shadow-success {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(76, 175, 80, .4) !important
}

.shadow-danger {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(244, 67, 54, .4) !important
}

.shadow-dark {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(64, 64, 64, .4) !important
}

.shadow-light {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px
		rgba(233, 30, 99, .4) !important
}

.border-radius-xs {
	border-radius: .1rem
}

.border-radius-sm {
	border-radius: .125rem
}

.border-radius-md {
	border-radius: .375rem
}

.border-radius-lg {
	border-radius: .5rem
}

.border-radius-xl {
	border-radius: .75rem
}

.border-radius-2xl {
	border-radius: 1rem
}

.border-radius-section {
	border-radius: 10rem
}

.border-bottom-end-radius-0 {
	border-bottom-right-radius: 0
}

.border-top-end-radius-0 {
	border-top-right-radius: 0
}

.border-bottom-start-radius-0 {
	border-bottom-left-radius: 0
}

.border-top-start-radius-0 {
	border-top-left-radius: 0
}

.border-dashed {
	border-style: dashed
}

.avatar {
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	border-radius: 50rem;
	height: 48px;
	width: 48px;
	transition: all .2s ease-in-out
}

.avatar img {
	width: 100%
}

.avatar+.avatar-content {
	display: inline-block;
	margin-left: .75rem
}

.avatar.avatar-raised {
	margin-top: -24px
}

.active .avatar.avatar-scale-up, .avatar.avatar-scale-up:hover {
	transform: scale(1.2)
}

.avatar-xxl {
	width: 110px !important;
	height: 110px !important
}

.avatar-xxl.avatar-raised {
	margin-top: -55px
}

.avatar-xl {
	width: 74px !important;
	height: 74px !important
}

.avatar-xl.avatar-raised {
	margin-top: -37px
}

.avatar-lg {
	width: 58px !important;
	height: 58px !important;
	font-size: .875rem
}

.avatar-lg.avatar-raised {
	margin-top: -29px
}

.avatar-sm {
	width: 36px !important;
	height: 36px !important;
	font-size: .875rem
}

.avatar-sm.avatar-raised {
	margin-top: -18px
}

.avatar-xs {
	width: 24px !important;
	height: 24px !important;
	font-size: .75rem
}

.avatar-xs.avatar-raised {
	margin-top: -12px
}

.avatar-group .avatar {
	position: relative;
	z-index: 2;
	border: 2px solid #fff
}

.avatar-group .avatar:hover {
	z-index: 3
}

.avatar-group .avatar+.avatar {
	margin-left: -1rem
}

.progress {
	height: 6px;
	font-size: .75rem;
	background-color: #f0f2f5;
	border-radius: .125rem
}

.progress, .progress-bar {
	display: flex;
	overflow: hidden
}

.progress-bar {
	flex-direction: column;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #e91e63;
	transition: width .6s ease
}

.table td .progress {
	height: 3px;
	width: 120px;
	margin: 0
}

.table td .progress .progress-bar {
	height: 3px
}

@media ( prefers-reduced-motion :reduce) {
	.progress-bar {
		transition: none
	}
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%,
		transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0,
		hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 6px 6px
}

.progress-bar-animated {
	animation: 1s linear infinite a
}

@media ( prefers-reduced-motion :reduce) {
	.progress-bar-animated {
		animation: none
	}
}

.progress-bar {
	height: 6px;
	border-radius: .125rem
}

.progress {
	overflow: visible
}

.progress.progress-sm {
	height: 4px
}

.progress.progress-lg {
	height: 20px
}

@media ( max-width :768px) {
	.w-sm-50 {
		width: 50% !important;
	}
}

@media ( max-width :575px) {
	.pl-xs-0, .px-xs-0 {
		padding-left: 0 !important;
	}
	.pr-xs-0, .px-xs-0 {
		padding-right: 0 !important;
	}
	.w-xs-100 {
		width: 100% !important;
	}
}

form div.required label.control-label:after {
	content: " * ";
	color: red;
}

.app-dt-table tbody tr.child ul {
  width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding-left: 0 !important;
	padding-right: 0 !important;
    margin-left: 0 !important;
	margin-right: 0 !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: #f5f9fc !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button .page-link {
    border: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active .page-link {
    background-color: #f5f9fc !important;
    color: black!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #f5f9fc !important;
  color: #f5f9fc !important;
  border: 0 !important;
  /*change the hover text color*/
}

/*below block of css for change style when active*/
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: none;
  color: black!important;
}

.table td.shrink-to-fit, 
.table th.shrink-to-fit {
    white-space: nowrap;
    width: 1%;
}

table.dt-responsive tbody tr.child td.child li.text-center {
	text-align: left !important;
}

.app-page-sidebar.navbar-vertical.navbar-expand-lg {
max-width: unset;
}

form div.row label.control-label, table.dataTable tbody tr {
	color: #16192c;
}

.password-display-badge{
	text-align :center;
	width: 100%;
}

.select2 {
	width: 100% !important;
}

.app-page-sidebar a.nav-link {
	cursor: pointer;
}

.dropdown-item.active {
	background-color: #007bff;
}

a.dropdown-item:hover {
	background-color: #f5f9fc;
}

.in-process-cursor {
	cursor: wait !important;
}

.subdomain-entry-name.active {
	background-color: #f5f9fc;
	color: #16192c;
}

.navbar-vertical .navbar-nav .nav .nav .nav-link {
  padding-left: 5rem;
}

.navbar-vertical .navbar-nav .nav .nav .nav .nav-link {
  padding-left: 10rem;
}

.input-group-append-sm {
	height: calc(1.5em + 0.75rem + 2px);
}

div.bootstrap-select-input-group {
	padding: 0 !important;
	z-index: 1020 !important;
}

textarea.hide-border-until-click {
    border: none;
    background-color: transparent;
    resize: none;
    outline: none;
}

@media (min-width: 1200px) {
.navbar-expand-xl .navbar-nav .nav-link {
  padding-right: .75rem;
  padding-left: .75rem;
}
}