@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* @font-face {
  font-family: "Alliance No.1";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.1";
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-Italic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.1";
  font-style: italic;
  font-weight: 450;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.1";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-SemiBold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.1";
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Alliance No.1";
  font-style: normal;
  font-weight: 800;
  src: url("../../fonts/fonts-Alliance/Alliance-No-1-ExtraBold.woff2") format("woff2");
  font-display: swap;
} */

*, ::after, ::before{
	scrollbar-width: thin;
}

body {
  font-family: 'Inter', sans-serif;
  position: relative;
  background: #edf3f7;
  font-size:13.5px;
  color: #2A3F54;
 /* font-feature-settings: 'salt' 2; */
  overflow-x: hidden;
}
.btn{
  font-family: 'Inter', sans-serif;
}
@media (min-width: 1200px){
	.h4, h4 {
    font-size: 1.2rem;
	}
}

ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block
}
ul.language-ds > li{
	padding:8px 15px !important;
	color: #414042 !important;
}
ul.language-ds > li:hover{
	color: #333 !important;
    background: #ededed;
    border-radius: 0px;
}
.turquoise-color{
	color: #23A8BA !important;
	font-size: 18px;
}
.turquoise-colorheader{
	color: #23A8BA;
}
.example .pagination {
	margin-bottom: 0
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 3px;
	margin-top:8px;
	margin-bottom: 1em;
}
.text-logo-tiltle{
	position: relative;
    top: 0px;
/*     right: 149px; */
	left: 0px;
    padding: 9px 8px;
    font-size:13.5px;
    height: 40px;
    color: #000F40;
    transition: visibility 0s, opacity 0s linear;
    white-space: nowrap;
}

.text-logo-tiltle-gsa{
	position: relative;
    top: -2px;
    right: 67px;
    padding: 16px 0px;
    font-size:13.5px;
    /* height: 24px; */
    color: #000F40;
}
@media (min-width: 300px) and (max-width:600px){
	.text-logo-tiltle{
		right: 46px;
	    white-space: nowrap;
	    top: -13px;
	    left: -3px;
	    position: relative;
	    display: flex;
	}
}
@media (max-width: 576px){
	.header.top-header{
		height:auto !important;
	}
}
@media (min-width: 576px) and (max-width:769px){
	.text-logo-tiltle{
		display:none;
	}
}

.page-link {
	position: relative;
	display: block;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.25;
	background-color: #fff;
	border: 1px solid #eff0f6;
	color: #424e79;
	box-shadow: none;
	font-size:13.5px;
}

.page-link:hover {
	z-index: 2;
	color: #295a9f;
	text-decoration: none;
	background-color: rgba(70, 127, 207, .06);
	box-shadow: none;
	outline: 0
}

.page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: none
}

.page-link:not(:disabled):not(.disabled) {
	cursor: pointer
}

.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.page-item:last-child .page-link {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff !important;
	background-color: #23a8ba;
	border-color: #23a8ba;
	font-size:13.5px;
}

.page-item.active .page-link:hover {
	color: #fff!important
}

.page-item.disabled .page-link {
	color: #ced4da;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #9baacf;
	font-size:13.5px;
}

.panel-group .panel {
	border-radius: 4px;
	box-shadow: none;
	border: 1px solid #eff0f6
}

.panel-default>.panel-heading {
	padding: 0;
	border-radius: 0;
	color: #23a8ba;
	background-color: #f4f5fb
}

.panel-title {
	font-size:13.5px;
	margin-bottom: 0
}

.panel-title>a {
	display: block;
	padding: 15px;
	text-decoration: none
}

.more-less {
	float: right;
	color: #212121
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 1px solid #eff0f6;
	line-height: 25px;
	font-size: 14px
}

.panel>.list-group {
	margin-bottom: 0
}

.panel>.list-group .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
	border-top-width: 0
}

.panel-default .list-group-item.active {
	color: #000;
	background-color: #f4f5fb;
	border-color: #f4f5fb
}

.panel-default .list-group-item.active:focus,
.panel-default .list-group-item.active:hover {
	color: #000;
	background-color: #f4f5fb;
	border-color: #f4f5fb
}

.panel-primary .list-group-item.active {
	color: #fff;
	background-color: #23a8ba;
	border-color: #23a8ba
}

.panel-primary .list-group-item.active:hover {
	color: #fff!important;
	background-color: #255be6;
	border-color: #255be6
}

.panel-success .list-group-item.active {
	color: #fff;
	background-color: #2dce89!important;
	border-color: #2dce89!important
}

.panel-success .list-group-item.active:hover {
	color: #fff!important;
	background-color: #15ca7c;
	border-color: #15ca7c
}

.panel-info .list-group-item.active {
	color: #fff;
	background-color: #45aaf2!important;
	border-color: #45aaf2
}

.panel-info .list-group-item.active:hover {
	color: #fff!important;
	background-color: #2d9eef;
	border-color: #2d9eef
}

.panel-warning .list-group-item.active {
	color: #fff;
	background-color: #ecb403!important;
	border-color: #ecb403
}

.panel-warning .list-group-item.active:hover {
	color: #fff!important;
	background-color: #cea70c;
	border-color: #cea70c
}

.panel-danger .list-group-item.active {
	color: #fff;
	background-color: #dc0441!important;
	border-color: #dc0441
}

.panel-danger .list-group-item.active:hover {
	color: #fff!important;
	background-color: #a15226;
	border-color: #a15226
}

.wrap {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	border-radius: 4px
}
.sameheight{
	max-height: 474px;
	height:100%;
}
a:active,
a:focus,
a:hover {
	outline: 0;
	text-decoration: none
}

.panel1 {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff;
	background: 0 0;
	box-shadow: none
}

.panel1:last-child {
	border-bottom: none
}

.panel-group1>.panel1:first-child .panel-heading1 {
	border-radius: 4px 4px 0 0
}

.panel-group1 .panel1 {
	border-radius: 0
}

.panel-title1 {
	font-size:13.5px;
	margin-bottom: 0
}

.panel-group1 .panel1+.panel1 {
	margin-top: 0
}

.panel-group1 .panel-body {
	border: 1px solid #eff0f6
}

.panel-title1 a {
	display: block;
	color: #fff;
	padding: 15px 20px;
	position: relative;
	font-size: 16px;
	background: #23a8ba;
	font-weight: 400
}

#accordion1 .panel-title1 a:hover {
	color: #fff!important
}

.panel-body1 {
	background: #fff;
	padding: 10px
}

.panel1:last-child .panel-body1 {
	border-radius: 0 0 4px 4px
}

.panel1:last-child .panel-heading1 {
	border-radius: 0 0 4px 4px;
	transition: border-radius .3s linear .2s
}

.panel1:last-child .panel-heading1.active {
	border-radius: 0;
	transition: border-radius linear 0s
}

.panel-title a.accordion-toggle:before {
	content: "\f068";
	padding: 0 10px 0 0;
	color: #fff;
	font-family: FontAwesome;
	float: right
}

.panel-title a.accordion-toggle.collapsed:before {
	content: "\f067";
	padding: 0 10px 0 0;
	color: #fff;
	font-family: FontAwesome;
	float: right
}

.panel-heading1 {
	color: #fff;
	padding: 0
}

.panel-heading1 a.collapsed:before {
	content: "\e9af";
	position: absolute;
	font-family: feather!important;
	right: 10px;
	top: 13px;
	font-size: 20px;
	transition: all .5s;
	transform: scale(1)
}

.panel-heading1 a:before {
	content: "\e994";
	position: absolute;
	font-family: feather!important;
	right: 10px;
	top: 13px;
	font-size: 20px;
	transition: all .5s;
	transform: scale(1)
}

.panel-heading1.active a:before {
	content: ' ';
	transition: all .5s;
	transform: scale(0)
}

.demo-accordion p:last-child,
.panel-group1 p:last-child {
	margin-bottom: 0
}

#bs-collapse .panel-heading1 a:after {
	content: "\f01a";
	font-size: 24px;
	position: absolute;
	font-family: FontAwesome;
	right: 5px;
	top: 10px;
	transform: scale(0);
	transition: all .5s
}

#bs-collapse .panel-heading1.active a:after {
	content: "\f01a";
	transform: scale(1);
	transition: all .5s
}

#accordion .panel-heading1 a:before {
	content: "\f01a";
	font-size: 24px;
	position: absolute;
	font-family: FontAwesome;
	right: 5px;
	top: 10px;
	transform: rotate(180deg);
	transition: all .5s
}

#accordion .panel-heading1.active a:before {
	transform: rotate(0);
	transition: all .5s
}

.alert {
	font-size: .9375rem;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 3px
}

.alert:first-child {
	margin-bottom: 1rem!important
}

.alert:last-child {
	margin-bottom: 0
}

.alert-heading {
	color: inherit
}

.alert-link {
	font-weight: 500
}

.alert-link a:hover,
.alert-link:hover {
	text-decoration: underline
}

.shape-text {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	position: relative;
	right: -47px;
	top: 0;
	white-space: nowrap;
	-ms-transform: rotate(30deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
	width: 100%
}
@media (min-width: 576px){
	.form-inline .form-control {
	    display: inline-block;
	    width: auto;
	    vertical-align: middle;
	}
}
img {
    max-width: 100%;
}
.fs-7{
	font-size:7px !important;
}
.fs-11{
	font-size:11px !important;
}
.fs-12h{
	font-size:12.5px !important;
}
.fs-14 {
	font-size:14px !important;
}
.fs-13 {
	font-size:13px !important;
}
.fs-15 {
    font-size: 15px!important;
}
.fs-16{
	font-size: 16px !important;
}
.fs-17{
	font-size: 17px !important;
}
.fs-18 {
    font-size: 18px!important;
}
.fs-40 {
    font-size: 40px!important;
}
.fs-20{
	font-size: 20px!important;
}
.fs-22{
	font-size: 22px!important;
}
.fs-24{
	font-size: 24px!important;
}
.fs-30{
	font-size: 30px!important;
}
.font-weight-semibold {
    font-weight: 500!important;
}
.font-weight-bold {
    font-weight: 500!important;
}
.weight-bold{
	font-weight: 600!important;
}
body.fs-13 label.font-weight-bold.fs-20{
	font-size:20px !important;
}
.mb-5, .my-5 {
    margin-bottom: 1.5rem!important;
}
.mt-5, .my-5 {
    margin-top: 1.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 1rem!important;
}
.mt-6{
	margin-top: 2rem!important;
}
.text-danger {
    color: red!important;
}
.text-green {
    color: #2dce89!important;
}
.text-success {
    color: #2dce89!important;
}
.btn-white {
    background-color: #fff;
    background-image: none;
    border-color: #e7e9f1;
    color: #424e79;
    font-size:13.5px;
}
.h-400 {
    height: 400px!important;
}
.h-300 {
    height: 300px!important;
}
.h-350 {
    height: 350px!important;
}
.h-400-scroll{
	height: 480px !important;
}
.h5, h5 {
    font-size: 0.9rem;
}
.cus-h-350{
	max-height: 360px !important;
    height: 100%;
    overflow-y: auto !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	position: relative;
	margin-bottom: 1.5rem;
	width: 100%;
	border: 0;
/* 	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6; */
	border-radius: 16px; 
	margin-left:auto;
	margin-right:auto;
/* 	border: 1px solid #eff0f6; */
}

.card>hr {
	margin-right: 0;
	margin-left: 0
}

.card>.list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.card>.list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px
}

.card-text:last-child {
	margin-bottom: 0
}

.card-link:hover {
	text-decoration: none
}

.card-header {
	background: 0 0 !important;
	display: -ms-flexbox;
	display: flex;
/* 	min-height: 3.5rem; */
	-ms-flex-align: center;
	align-items: center;
	padding: .5rem 1rem;
	margin-bottom: 0;
	border-bottom: 1px solid #eff0f6;
/* 	color: #333 !important; */
	box-shadow: none !important;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    background-image: unset;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f077";
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .4s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
	width: 1.25rem;
    height: 1.25rem;
    background-image: unset;
    transform: rotate(-180deg);
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900;
    content: "\f078";
}
.card-header .card-title {
	margin-bottom: 0
}

.card-header.border-0+.card-body {
	padding-top: 0
}

.card-header:first-child {
	border-radius: calc(3px - 1px) calc(3px - 1px) 0 0
}

.card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.card-footer {
	padding: 1.5rem 1.5rem;
	color: #6e7687;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid #eff0f6
}

.card-footer:last-child {
	border-radius: 0 0 calc(3px - 1px) calc(3px - 1px)
}

.card-header-tabs {
	margin-right: -.75rem;
	margin-bottom: -1.5rem;
	margin-left: -.75rem;
	border-bottom: 0;
	margin: -1.25rem 0;
	line-height: 2rem
}

.card-header-tabs .nav-item {
	margin-bottom: 1px
}

.card-header-pills {
	margin-right: -.75rem;
	margin-left: -.75rem;
	margin: -.75rem 0
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
	background-color: rgba(0, 0, 0, .4);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-img {
	width: 100%;
	border-radius: calc(3px - 1px)
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(3px - 1px);
	border-top-right-radius: calc(3px - 1px)
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(3px - 1px);
	border-bottom-left-radius: calc(3px - 1px)
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-deck .card {
	margin-bottom: .75rem
}

@media (max-width:576px) {
	.header {
		border-bottom: 0!important
	}
}

.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-group>.card {
	margin-bottom: .75rem
}

@media (min-width:576px) {
	.card-group {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.card-group>.card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.card-group>.card+.card {
		margin-left: 0;
		border-left: 0
	}
	.card-group>.card:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.card-group>.card:first-child .card-header,
	.card-group>.card:first-child .card-img-top {
		border-top-right-radius: 0
	}
	.card-group>.card:first-child .card-footer,
	.card-group>.card:first-child .card-img-bottom {
		border-bottom-right-radius: 0
	}
	.card-group>.card:last-child {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.card-group>.card:last-child .card-header,
	.card-group>.card:last-child .card-img-top {
		border-top-left-radius: 0
	}
	.card-group>.card:last-child .card-footer,
	.card-group>.card:last-child .card-img-bottom {
		border-bottom-left-radius: 0
	}
	.card-group>.card:only-child {
		border-radius: 3px
	}
	.card-group>.card:only-child .card-header,
	.card-group>.card:only-child .card-img-top {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px
	}
	.card-group>.card:only-child .card-footer,
	.card-group>.card:only-child .card-img-bottom {
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px
	}
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
		border-radius: 0
	}
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
	.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
		border-radius: 0
	}
	.card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -.75rem;
		margin-left: -.75rem
	}
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: .75rem;
		margin-bottom: 0;
		margin-left: .75rem
	}
	.horizontalMenucontainer .header-brand-img.dark-logo,
	.horizontalMenucontainer .header-brand-img.darkmobile-logo,
	.horizontalMenucontainer .header-brand-img.mobile-logo {
		display: none;
/* 		visibility:hidden; */
/*     	transition:visibility 1000ms; */
	}
	
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1
	}
	.card-columns .card {
		display: inline-block;
		width: 100%
	}
}
.btn-group>.btn:first-child {
    margin-left: 3px;
}
.card-columns .card {
	margin-bottom: 1.5rem
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin: 0;
    padding: 0.7rem 1rem; 
    position: relative
}
.boxproduct{
	/* padding: 1.5rem 0.3rem 1.5rem 1.5rem !important;  */
}
.ps-scroll{
	overflow-y: scroll !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
/* .card-body+.card-body { */
/* 	border-top: 1px solid #eff0f6 */
/* } */

.tilebox-one i {
	font-size: 62px
}

.card-body>:last-child {
	margin-bottom: 0
}

@media print {
	.card-body {
		padding: 0
	}
	.card-header {
		display: none
	}
	.card {
		box-shadow: none;
		border: none
	}
}

.card-body-scrollable {
	overflow: auto
}

.card-bottom,
.card-footer {
	padding: 1rem 1.5rem;
	background: 0 0
}

.log {
	margin-top: -26px
}

.reg {
	text-align: center;
	font-size: 50px;
	color: #2e1170;
	float: right
}

.card-title {
	line-height: 1.2;
/* 	text-transform: capitalize; */
	font-weight: 500;
/* 	letter-spacing: .05rem; */
	font-size: 1rem !important;
	margin-bottom: 0.5rem;
	color:#000F40;
}

.card-title a {
	color: inherit
}

.card-title:only-child {
	margin-bottom: 0
}

.card-title small {
	color: #9aa0ac;
	font-size: .875rem;
	display: block;
	margin: -.75rem 0 1rem;
	line-height: 1.1;
	font-weight: 400
}

.card-subtitle {
	color: #9aa0ac;
	font-size: .875rem;
	display: block;
	margin: -.75rem 0 1rem;
	line-height: 1.1;
	font-weight: 400;
	margin-top: -.75rem;
	margin-bottom: 0
}

.card-table {
	margin-bottom: 0
}

.card-table tr:first-child td,
.card-table tr:first-child th {
	border-top: 0
}

.card-table tr td:first-child,
.card-table tr th:first-child {
	padding-left: 1.5rem
}

.card-table tr td:last-child,
.card-table tr th:last-child {
	padding-right: 1.5rem
}

.card-body+.card-table {
	border-top: 1px solid #eff0f6
}

.card-profile .card-header {
	height: 5rem;
	background-size: cover;
	border: 0
}

.profie-img .flex-md-row img {
	width: 60px
}

.card-profile-img {
	max-width: 6rem;
	margin-bottom: 1rem;
	border: 3px solid #fff;
	border-radius: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.card-link+.card-link {
	margin-left: 1rem
}

.card-body+.card-list-group {
	border-top: 1px solid #eff0f6
}

.card-list-group .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.card-list-group .list-group-item:last-child {
	border-bottom: 0
}

.card-list-group .list-group-item:first-child {
	border-top: 0
}

.card-aside {
	-ms-flex-direction: row;
	flex-direction: row
}

.card-aside-column {
	min-width: 5rem;
	width: 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	background: no-repeat center/cover
}

.card-value {
	font-size: 1rem;
	line-height: 3.4rem;
	height: 3.4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 400
}

.card-value i {
	vertical-align: middle
}

.card-chart-bg {
	height: 4rem;
	margin-top: -1rem;
	position: relative;
	z-index: 1;
	overflow: hidden
}

.list-media .media-img {
	position: relative;
	float: left;
	width: 48px;
	margin-right: 20px
}

.list-media .info {
	padding-left: 55px;
	min-height: 40px;
	height: auto;
	position: relative
}

.list-media .info h4 a {
	font-size: 16px;
	margin-top: 10px
}

.list-media .info p {
	font-size:13.5px
}

.list-media .info .text-right {
	right: 0;
	color: #8a8a8a;
	top: 50%;
	font-size: 12px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin-top: -28px
}

.card-options {
	margin-left: auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-order: 100;
	order: 100;
	margin-right: -.5rem;
	color: #9aa0ac;
	-ms-flex-item-align: center;
	align-self: center
}

.card-options a:not(.btn) {
	color: #424e79;
	display: inline-block;
	min-width: 1rem
}

.card-options a:not(.btn):hover {
	text-decoration: none;
	color: #6e7687
}

.card-options a:not(.btn) i {
	font-size: 1rem;
	vertical-align: middle
}

.card-options .dropdown-toggle:after {
	display: none
}

.widgets-cards .wrp.icon-circle {
	width: 73px;
	height: 73px;
	border-radius: 50%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0;
	margin-right: 15px
}

.widgets-cards .wrp.icon-circle i {
	font-size: 1.6rem;
	color: #fff
}

.widgets-cards .wrp p {
	margin-bottom: 0;
	line-height: 1;
	margin-bottom: 10px
}

.widgets-cards .wrp p:first-child {
	font-weight: 400;
	font-size: 36px
}

ul li .legend-dots {
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: .5rem
}

.legend li {
	padding: 5px;
	float: left
}

.stretch-card {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: stretch;
	justify-content: stretch
}

.stretch-card>.card {
	width: 100%;
	min-width: 100%
}

.icon-size {
	font-size: 2.5rem!important
}

.card-img-absolute {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.statistics-box {
	position: relative;
	padding-left: 80px;
	text-align: right;
	padding-top: 14px;
	min-height: 80px;
	text-align: center
}

.statistics-box .ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	font-size: 70px;
	line-height: 80px;
	text-align: center
}

.statistics-box .ico.small {
	font-weight: 900;
	font-size: 42px
}

.statistics-box h2 {
	font-weight: 600!important
}

.card-collapsed>:not(.card-header):not(.card-status) {
	display: none
}

.card-collapsed .card-options-collapse i:before {
	content: '\e92d'
}

.card-fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	margin: 0
}

.card-fullscreen .card-options-fullscreen i:before {
	content: '\e992'
}

.card-fullscreen .card-options-remove {
	display: none
}

.card-map {
	height: 15rem;
	background: #e9ecef
}

.card-map-placeholder {
	background: no-repeat center
}

.card-tabs {
	display: -ms-flexbox;
	display: flex
}

.card-tabs-bottom .card-tabs-item {
	border: 0
}

.card-tabs-bottom .card-tabs-item.active {
	border-top-color: #fff
}

.card-tabs-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	padding: 1.4rem 1.5rem;
	color: inherit;
	overflow: hidden
}

a.card-tabs-item {
	background: #fafbfc
}

a.card-tabs-item:hover {
	text-decoration: none;
	color: inherit
}

a.card-tabs-item:focus {
	z-index: 1
}

a.card-tabs-item.active {
	background: #fff;
	border-bottom-color: #fff
}

.card-status {
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	height: 3px;
	border-radius: 7px 7px 0 0;
	background: rgba(0, 40, 100, .12)
}

.card-status-left {
	right: auto;
	bottom: 0;
	height: auto;
	width: 3px;
	border-radius: 3px 0 0 3px
}

.card-icon {
	width: 3rem;
	font-size: 2.5rem;
	line-height: 3rem;
	text-align: center
}

.dropdown,
.dropleft,
.dropright,
.dropup {
	position: relative
}

.dropdown-toggle {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	vertical-align: .155em;
	position: relative;
    top: 9px;
}

.dropdown-toggle:empty::after {
	margin-left: 0
}

.dropup .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropright .dropdown-menu {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: .125rem
}

.dropright .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: 0;
	border-bottom: .3em solid transparent;
	border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropright .dropdown-toggle::after {
	vertical-align: 0
}

.dropleft .dropdown-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	display: none
}

.dropleft .dropdown-toggle::before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid transparent;
	border-right: .3em solid;
	border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
	margin-left: 0
}

.dropleft .dropdown-toggle::before {
	vertical-align: 0
}

.top-header .dropdown-menu[data-popper-placement^=bottom],
.top-header .dropdown-menu[data-popper-placement^=left],
.top-header .dropdown-menu[data-popper-placement^=right],
.top-header .dropdown-menu[data-popper-placement^=top] {
	top: 10px!important;
/* 	right:-43px !important; */
	/* box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6; */
	border-radius: 6px;
	animation-name: fadeIn;
	border: 1px solid #eff0f6;
	padding: .9rem .9rem;
}
.dropdown-menu{
	padding: .5rem 4px;
}
.style-profile > .dropdown-menu{
	padding: 20px 15px;
}
.language-selected > .fa-globe{
	color: #333;
    font-weight: 900;
}
/* .header-notify .show.dropdown-menu[data-popper-placement^=bottom] { */
/* 	left: -180px!important */
/* } */

/* .profile-dropdown .show.dropdown-menu[data-popper-placement^=bottom] { */
/*  left: -140px!important;*/ 
/* 	left: -124px!important */
/* } */

.light-mode.side-menu__item.active, .light-mode.default-sidebar .side-menu__item:focus, .light-mode.default-sidebar .side-menu__item:hover {
    text-decoration: none;
    color: #23a8ba!important;
    background: #f2f6f9 !important;
}

.header-notify .dropdown-menu-end {
	left: -180px!important;
	top: 45px!important;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
/* 	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6; */
}

.profile-dropdown .dropdown-menu-end {
	left: -10px;
	top: 60px!important;
	animation-name: fadeInUp;
	width: 130px;
/* 	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6; */
}
.left-style{
	left:-7px !important;
}
.dropdown-menu-arrow.left-style:before{
	right: 65px !important;
}
.dropdown-menu-arrow.left-style:after{
	right: 65px !important;
}
.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #eff0f6;
}

.drop-icon-wrap {
	text-align: center
}

.drop-icon-wrap li {
	display: block
}

.drop-icon-wrap .drop-icon-item {
	display: inline-block;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	color: #878787;
	text-transform: capitalize;
	width: 50%;
	float: left
}

.block {
	display: block!important
}

.drop-icon-item i {
	font-size: 20px;
	padding-bottom: 5px
}

.drop-icon-wrap .drop-icon-item:focus,
.drop-icon-wrap .drop-icon-item:hover {
	text-decoration: none;
	background-color: #eef0ff
}

.dropdown-item.user {
	font-size:13.5px;
	padding: 0px 0px;
}

.user-semi-title {
	font-size: 12px
}

.floating {
	animation: floating 3s ease infinite;
	will-change: transform
}

.dropdown-item {
	display: block;
	width: 100%;
/* 	padding: .5rem 0rem; */
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: left;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-size:13.5px;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #23a8ba;
	text-decoration: none;
	background-color: unset;
}

.dropdown-item.active,
.dropdown-item:active {
	text-decoration: none;
	background-color: unset;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #fff;
	background-color: transparent
}

.dropdown-menu.show {
	display: block;
	margin: 0
}

.dropdown-menu-arrow.dropdown-menu-end:before,
.dropdown-menu-arrow.dropdown-menu-start:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 42px;
	border-bottom: 10px solid #eff0f6;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.dropdown-menu-arrow.dropdown-menu-end:after,
.dropdown-menu-arrow.dropdown-menu-start:after {
	content: '';
	position: absolute;
	top: -8.5px;
	left: 43px;
	border-bottom: 9px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent
}
.arrow-lg:before{
	left: 42px !important;
}
.arrow-lg:after{
	left: 43px !important;
}
.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
	top: -1px!important
}

.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: #868e96;
	white-space: nowrap
}

.dropdown-item-text {
	display: block;
	padding: .25rem 1.5rem;
	color: #212529
}

btn.dropdown-toggle~.dropdown-menu {
	background-color: #f4f4f4!important;
	background-color: #fff!important;
	border: 0 solid #4285f4!important;
	box-shadow: 0 0 3px rgba(25, 25, 25, .3)!important;
	top: 0!important;
	margin: 0!important;
	padding: 0!important
}

ul.dropdown-menu li.dropdown ul.dropdown-menu {
	background-color: #f4f4f4!important;
	background-color: #fff!important;
	border: 0 solid #4285f4!important;
	box-shadow: 0 0 3px rgba(25, 25, 25, .3)!important;
	top: 0!important;
	margin: 0!important;
	padding: 0;
	position: absolute!important;
	width: 100%!important
}
.open>.dropdown-menu{
	display: block;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	float: left;
	min-width: 10rem;
	padding: .5rem;
	margin: .125rem 0 0;
	font-size:13.5px;
	color: #495057;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: none;
	min-width: 9.5rem;
	border-radius: 4px!important;
	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .49);
	border: 0;
	background-clip: padding-box
}

.dropdown-menu>li>a {
	display: block;
/* 	padding: .5rem 1.5rem; */
	clear: both;
	font-weight: 400;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	text-decoration: none;
	color: #6b6f80;
	background-color: #f0f1f7
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background: #eff0f6
}

.dropdown-menu .dropdown-plus-title {
	width: 100%!important;
	color: #6b6f80!important;
	padding: 6px 12px!important;
	font-weight: 500!important;
	border: 0 solid #eff0f6!important;
	border-bottom-width: 1px!important;
	cursor: pointer!important
}

.dropdown-menu[data-popper-placement^=bottom],
.dropdown-menu[data-popper-placement^=left],
.dropdown-menu[data-popper-placement^=right],
.dropdown-menu[data-popper-placement^=top] {
	right: auto;
	bottom: auto
}

ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	line-height: 20px!important
}

.btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title {
	border-color: #357ebd!important
}

.btn.dropdown-toggle.btn-success~.dropdown-menu .dropdown-plus-title {
	border-color: #4cae4c!important
}

.btn.dropdown-toggle.btn-info~.dropdown-menu .dropdown-plus-title {
	border-color: #46b8da!important
}

.btn.dropdown-toggle.btn-warning~.dropdown-menu .dropdown-plus-title {
	border-color: #eea236!important
}

.btn.dropdown-toggle.btn-danger~.dropdown-menu .dropdown-plus-title {
	border-color: #d43f3a!important
}

.dropdown-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 15px;
	border-bottom: 1px solid #eff0f6
}

.dropdown-demo .dropdown-menu {
	position: static;
	float: none
}

.dropdown-menu-header label {
	margin-bottom: 0;
	font-size:13.5px;
	font-weight: 600;
	text-transform: uppercase;
	color: #6b6f80
}

.dropdown-media-list .media {
	padding: 12px 15px
}

.dropdown-media-list .media:focus,
.dropdown-media-list .media:hover {
	background-color: #f8f9fa
}

.media {
	display: flex;
	align-items: flex-start
}

.dropdown-media-list {
	padding: 0
}

.dropdown-media-list img {
	border-radius: 100%
}

.dropdown-media-list .media-body {
	margin-left: 15px
}

.media-body {
	flex: 1
}

.dropdown-media-list .media-body>div {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.dropdown-media-list .media-body>div p {
	margin-bottom: 0;
	font-weight: 500;
	color: #6b6f80;
	font-size: 14px
}

.dropdown-media-list .media-body>div span {
	font-size: 12px
}

.dropdown-media-list .media-body>p {
	font-size:13.5px;
	margin-bottom: 0
}

.dropdown-list-footer {
	padding: 10px 15px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #eff0f6
}

.label {
	display: inline-block;
	margin-bottom: .5rem
}

@media (min-width:768px) {
	ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
		padding-top: 15px!important;
		padding-bottom: 15px!important
	}
	ul.dropdown-menu li.dropdown ul.dropdown-menu {
		width: auto!important
	}
}

.dropdown {
	display: block
}

#sidebar .dropdown-menu {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	min-width: 12rem
}

.dropdown-menu-arrow.dropdown-menu-end:after,
.dropdown-menu-arrow.dropdown-menu-end:before {
	left: 55px;
	/* right: 117px; */
}

.dropdown-icon {
	color: #3e4358;
	margin-right: .5rem;
	margin-left: -.5rem;
	width: 1em;
	display: inline-block;
	text-align: center;
	vertical-align: -1px
}

.btn-white.dropdown-toggle::after {
	color: #c4c9d6
}

.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0
}

.list-group-item-action {
	width: 100%;
	color: #6b6f80;
	text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
	color: #6b6f80;
	text-decoration: none;
	background-color: #f4f5fb;
	z-index: 0
}

.list-group-item-action:active {
	color: #6b6f80;
	background-color: #f4f5fb;
	z-index: 0
}

.list-group-item+.list-group-item {
	border-top-width: 1px
}

.listorder {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eff0f6;
	list-style-type: decimal;
	list-style-position: inside
}

.listorder1 {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eff0f6;
	list-style-type: upper-alpha;
	list-style-position: inside
}

.listunorder {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eff0f6;
	list-style-type: circle;
	list-style-position: inside
}

.listunorder1 {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eff0f6;
	list-style-type: square;
	list-style-position: inside
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #eff0f6
}

.list-group-item.active .icon {
	color: inherit!important
}

.list-group-item .icon {
	color: #6b6f80!important
}

.list-group-item:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.list-group-item:focus,
.list-group-item:hover {
	z-index: 1;
	text-decoration: none
}
 
.list-group-item.disabled,
.list-group-item:disabled {
	color: #7c90b1;
	background-color: #fff
}

.list-group-item.active {
	z-index: 0;
	color: inherit;
	border-color: transparent;
	background-color: #f4f5fb;
	border-color: 3px solid rgba(238, 238, 238, .5)
}

.list-group-flush .list-group-item {
	border-right: 0!important;
	border-left: 0!important;
	border-radius: 0
}

.list-group-flush:first-child .list-group-item:first-child {
	border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child {
	border-bottom: 0
}

.list-group-item-primary {
	color: #24426c;
	background-color: #cbdbf2!important
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
	color: #24426c;
	background-color: #b7cded
}

.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #24426c;
	border-color: #24426c
}

.list-group-item-secondary {
	color: #fff;
	background-color: #f72d66!important
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
	color: #fff;
	background-color: #f72d66
}

.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #f72d66;
	border-color: #f72d66
}

.list-group-item-success {
	color: #316100;
	background-color: #d2ecb8!important
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
	color: #316100;
	background-color: #c5e7a4
}

.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #316100;
	border-color: #316100
}

.list-group-item-info {
	color: #24587e;
	background-color: #cbe7fb!important
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
	color: #24587e;
	background-color: #b3dcf9!important
}

.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #24587e;
	border-color: #24587e
}

.list-group-item-warning {
	color: #7d6608;
	background-color: #fbeebc!important
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
	color: #7d6608;
	background-color: #fae8a4
}

.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #7d6608;
	border-color: #7d6608
}

.list-group-item-danger {
	color: #6b1110;
	background-color: #f1c1c0!important
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
	color: #6b1110;
	background-color: #ecacab!important
}

.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #6b1110;
	border-color: #6b1110
}

.list-group-item-light {
	color: #818182;
	background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
	color: #818182;
	background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #818182;
	border-color: #818182
}

.list-group-item-dark {
	color: #1b1e21;
	background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
	color: #1b1e21;
	background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #1b1e21;
	border-color: #1b1e21
}

.btn-close {
	float: right;
	font-size: 1.40625rem;
	font-weight: 700;
	line-height: 1;
	color: #495057;
	opacity: .5
}

.btn-close:focus,
.btn-close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75
}

.btn-close:not(:disabled):not(.disabled) {
	cursor: pointer
}

button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	text-shadow: none;
	-webkit-appearance: none;
	font-size:24px;
	color:#a4a4a4;
}
.btn-search-avi:hover{
	border-color: #000F40 !important;
    color: #fff !important;
    background: #000F40 !important;
    box-shadow: none !important;
}
.list-inline-dots .list-inline-item+.list-inline-item:before {
	content: '· ';
	margin-left: -2px;
	margin-right: 3px
}

.list-separated-item {
	padding: 1rem 0
}

.list-separated-item:first-child {
	padding-top: 0
}

.list-group-transparent .list-group-item {
	background: 0 0;
	border: 0;
	padding: .75rem 1rem;
	border-radius: 3px
}

.list-group-transparent .list-group-item.active {
	background: #f4f5fb;
	color: #23a8ba;
	font-weight: 600
}

.visitor-list p {
	font-size: 12px
}

.visitor-list i {
	font-size: 20px
}

.sales-relative {
	position: relative
}

.icon-absolute {
	position: absolute;
	display: block;
	bottom: 10px;
	right: 10px;
	padding: 20px 0;
	text-align: center;
	border-radius: 50%;
	width: 70px;
	height: 70px
}

@media (min-width:991px) and (max-width:1024px) {
	.icon-absolute {
		display: none
	}
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	display: none;
	overflow: hidden;
	outline: 0;
	padding-right: 0!important;
	margin: 0!important
}

.modal-backdrop.fade.show,
.modal-open {
	padding-right: 0!important
}

.modal-open {
	overflow: hidden;
	padding: 0!important;
	display: block;
	overflow: inherit
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: .5rem;
	pointer-events: none
}

.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%)
}

.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

@media screen and (prefers-reduced-motion:reduce) {
	.modal.fade .modal-dialog {
		transition: none
	}
}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2))
}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #eff0f6;
	border-radius: 3px;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2040 !important;
/* 	background-color: #e6e6e6; */
	opacity: 0.7 !important;
}

.modal-backdrop.fade {
	opacity: 0
}

.modal-backdrop.show {
	opacity: .5
}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #eff0f6;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.modal-header .btn-close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 16px
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem 1rem 1rem;
	margin-bottom:15px;
}

.modal-body p:last-child {
	margin-bottom: 0
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
	margin-left: .25rem
}

.modal-footer>:not(:last-child) {
	margin-right: .25rem
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
/* @media (min-width:577px) and (max-width: 1366px){ */
/* 	.modal-dialog { */
/* 	    width: 100%; */
/* 	    max-width: 948px !important; */
/* 	} */
/* } */
@media (min-width:576px) {
	.modal-dialog {
		margin: 1.75rem auto
	}
	.modal-dialog-centered {
		min-height: calc(100% - (1.75rem * 2))
	}
	.modal-sm {
		max-width: 300px
	}
}

@media (min-width:992px) {
	.modal-lg {
		max-width: 800px
	}
}

.modal.animated .modal-dialog {
	transform: translate(0, 0)
}

.modal.effect-scale .modal-dialog {
	transform: scale(.7);
	opacity: 0;
	transition: all .3s
}

.modal.effect-scale.show .modal-dialog {
	transform: scale(1);
	opacity: 1
}

.modal.effect-slide-in-right .modal-dialog {
	transform: translateX(20%);
	opacity: 0;
	transition: all .3s cubic-bezier(.25, .5, .5, .9)
}

.modal.effect-slide-in-right.show .modal-dialog {
	transform: translateX(0);
	opacity: 1
}

.modal.effect-slide-in-bottom .modal-dialog {
	transform: translateY(20%);
	opacity: 0;
	transition: all .3s
}

.modal.effect-slide-in-bottom.show .modal-dialog {
	transform: translateY(0);
	opacity: 1
}

.modal.effect-newspaper .modal-dialog {
	transform: scale(0) rotate(720deg);
	opacity: 0
}

.modal.effect-newspaper .modal-dialog,
.modal.effect-newspaper.show~.modal-backdrop {
	transition: all .5s
}

.modal.effect-newspaper.show .modal-dialog {
	transform: scale(1) rotate(0);
	opacity: 1
}

.modal.effect-fall {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px
}

.modal.effect-fall .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: translateZ(600px) rotateX(20deg);
	opacity: 0
}

.modal.effect-fall.show .modal-dialog {
	transition: all .3s ease-in;
	transform: translateZ(0) rotateX(0);
	opacity: 1
}

.modal.effect-flip-horizontal {
	perspective: 1300px
}

.modal.effect-flip-horizontal .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: rotateY(-70deg);
	transition: all .3s;
	opacity: 0
}

.modal.effect-flip-horizontal.show .modal-dialog {
	transform: rotateY(0);
	opacity: 1
}

.modal.effect-flip-vertical {
	perspective: 1300px
}

.modal.effect-flip-vertical .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: rotateX(-70deg);
	transition: all .3s;
	opacity: 0
}

.modal.effect-flip-vertical.show .modal-dialog {
	transform: rotateX(0);
	opacity: 1
}

.modal.effect-super-scaled .modal-dialog {
	transform: scale(2);
	opacity: 0;
	transition: all .3s
}

.modal.effect-super-scaled.show .modal-dialog {
	transform: scale(1);
	opacity: 1
}

.modal.effect-sign {
	perspective: 1300px
}

.modal.effect-sign .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: rotateX(-60deg);
	transform-origin: 50% 0;
	opacity: 0;
	transition: all .3s
}

.modal.effect-sign.show .modal-dialog {
	transform: rotateX(0);
	opacity: 1
}

.modal.effect-rotate-bottom {
	perspective: 1300px
}

.modal.effect-rotate-bottom .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: translateY(100%) rotateX(90deg);
	transform-origin: 0 100%;
	opacity: 0;
	transition: all .3s ease-out
}

.modal.effect-rotate-bottom.show .modal-dialog {
	transform: translateY(0) rotateX(0);
	opacity: 1
}

.modal.effect-rotate-left {
	perspective: 1300px
}

.modal.effect-rotate-left .modal-dialog {
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: translateZ(100px) translateX(-30%) rotateY(90deg);
	transform-origin: 0 100%;
	opacity: 0;
	transition: all .3s
}

.modal.effect-rotate-left.show .modal-dialog {
	transform: translateZ(0) translateX(0) rotateY(0);
	opacity: 1
}

.modal.effect-just-me .modal-dialog {
	transform: scale(.8);
	opacity: 0;
	transition: all .3s
}

.modal.effect-just-me .modal-content {
	background-color: #10163a;
	border: 1px solid #4d4e50;
	padding: 0 9px
}

.modal.effect-just-me .btn-close {
	text-shadow: none;
	color: #fff
}

.modal.effect-just-me .modal-header {
	background-color: transparent;
	border-bottom-color: rgba(255, 255, 255, .1);
	padding-left: 0;
	padding-right: 0
}

.modal.effect-just-me .modal-header h6 {
	color: #fff;
	font-weight: 500
}

.modal.effect-just-me .modal-body {
	color: rgba(255, 255, 255, .8);
	padding-left: 0;
	padding-right: 0
}

.modal.effect-just-me .modal-body h6 {
	color: #fff
}

.modal.effect-just-me .modal-footer {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	border-top-color: rgba(255, 255, 255, .1)
}

.modal.effect-just-me.show~.modal-backdrop {
	opacity: .96
}

.modal.effect-just-me.show .modal-dialog {
	transform: scale(1);
	opacity: 1
}

.nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav-link {
	display: block;
	padding: .2rem .9rem
}

.nav-link:focus,
.nav-link:hover {
	text-decoration: none
}

.nav-link.disabled {
	color: #a8b4c1
}

.nav-tabs {
	border-bottom: 1px solid #eff0f6;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000;
	margin: 0 -.75rem
}

.nav-tabs .nav-link {
	border: 0;
	color: inherit;
	color: #6b6f80;
	transition: .3s border-color;
	font-weight: 500;
	padding: 1rem 1.6rem;
	font-size:13.5px;
	text-align: center;
	border: 1px solid transparent
}

.nav-tabs .nav-link:hover:not(.disabled) {
	color: #fff
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border: 0
}

.nav-tabs .nav-link.disabled {
	color: #868e96;
	background-color: transparent;
	border-color: transparent;
	opacity: .4;
	cursor: default;
	pointer-events: none
}

.nav-tabs .nav-link.active {
	color: #fff;
	background: #23a8ba;
	border: 0
}

.nav-tabs .nav-item {
	margin-bottom: -1px
}

.nav-tabs .nav-item.show .nav-link {
	border: 0
}

.sales-img {
    width: 220px;
}

.nav-tabs .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.nav-tabs .nav-item1 {
	margin-bottom: -1px;
	margin-bottom: 0;
	position: relative
}

.nav-tabs .nav-item1.nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.nav-tabs .nav-item1 .nav-link {
	border: 0;
	color: inherit;
	margin-bottom: -1px;
	color: #6b6f80;
	transition: .3s border-color;
	font-weight: 400;
	padding: 1rem 10px
}

.nav-tabs .nav-item1 .nav-link.active,
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
	color: #fff;
	background: #23a8ba
}

.nav-tabs .nav-item1 .nav-link.disabled {
	opacity: .6;
	cursor: default;
	pointer-events: none
}

.nav-tabs .nav-item1 i {
	margin-right: .25rem;
	line-height: 1;
	font-size: 0 rem;
	width: .875rem;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 10px
}

.nav-tabs .nav-item1:hover .nav-submenu {
	display: block
}

.nav-tabs .nav-submenu {
	display: none;
	position: absolute;
	background: #000;
	border: 1px solid #eff0f6;
	border-top: none;
	z-index: 10;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	min-width: 10rem;
	border-radius: 0 0 3px 3px
}

.nav-tabs .nav-submenu .nav-item1 {
	display: block;
	padding: .5rem 1rem;
	color: #9aa0ac;
	margin: 0!important;
	cursor: pointer;
	transition: .3s background
}

.nav-tabs .nav-submenu .nav-item1.active {
	color: #467fcf
}

.nav-tabs .nav-submenu .nav-item1:hover {
	color: #6e7687;
	text-decoration: none;
	background: rgba(0, 0, 0, .024)
}

.nav-tabs .nav-item {
	margin-bottom: 0;
	position: relative
}

.nav-tabs .nav-item:hover .nav-submenu {
	display: block
}

.nav-tabs .nav-item i {
	margin-right: .25rem;
	line-height: 1;
	font-size: 0 rem;
	width: .875rem;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 10px
}

.nav-tabs .nav-submenu {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #eff0f6;
	border-top: none;
	z-index: 10;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	min-width: 10rem;
	border-radius: 0 0 3px 3px
}

.nav-tabs .nav-submenu .nav-item {
	display: block;
	padding: .5rem 1rem;
	color: #9aa0ac;
	margin: 0!important;
	cursor: pointer;
	transition: .3s background
}

.nav-tabs .nav-submenu .nav-item.active {
	color: #467fcf
}

.nav-tabs .nav-submenu .nav-item:hover {
	color: #6e7687;
	text-decoration: none;
	background: rgba(0, 0, 0, .024)
}

.nav-pills .nav-link {
	border-radius: 4px;
	background: #f3f4f7
}

.card-header-pills.nav-pills .nav-link {
	border-radius: 4px;
	background: 0 0
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #23a8ba
}

.nav-fill .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center
}

.nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}

.tab-content>.tab-pane {
	display: none
}

.tab-content>.active {
	display: block
}

.navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem
}

.navbar>.container,
.navbar>.container-fluid {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.navbar-brand {
	display: inline-block;
	padding-top: .359375rem;
	padding-bottom: .359375rem;
	margin-right: 1rem;
	font-size: 1.125rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}

.navbar-nav .dropdown-menu {
	position: static;
	float: none
}

.navbar-text {
	display: inline-block;
	padding-top: .5rem;
	padding-bottom: .5rem
}

.navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.125rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 3px
}

.navbar-toggler:focus,
.navbar-toggler:hover {
	text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer
}

.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%
}

@media (max-width:575.98px) {
	.navbar-expand-sm>.container,
	.navbar-expand-sm>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:576px) {
	.navbar-expand-sm {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-sm .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-sm>.container,
	.navbar-expand-sm>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-sm .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-sm .navbar-toggler {
		display: none
	}
}

@media (max-width:767.98px) {
	.navbar-expand-md>.container,
	.navbar-expand-md>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:768px) {
	.navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-md .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-md>.container,
	.navbar-expand-md>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-md .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-md .navbar-toggler {
		display: none
	}
}

@media (max-width:991.98px) {
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}
@media (min-width: 1400px){
	.bg-pending{
		min-height:80vh !important;
		background-repeat: no-repeat;
	}
}
@media (min-width:992px) {
	.navbar-expand-lg {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-lg>.container,
	.navbar-expand-lg>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-lg .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-lg .navbar-toggler {
		display: none
	}
}

@media (max-width:1279.98px) {
	.navbar-expand-xl>.container,
	.navbar-expand-xl>.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
}

@media (min-width:1280px) {
	.navbar-expand-xl {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
	.navbar-expand-xl .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: .5rem;
		padding-left: .5rem
	}
	.navbar-expand-xl>.container,
	.navbar-expand-xl>.container-fluid {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
	.navbar-expand-xl .navbar-collapse {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
	.navbar-expand-xl .navbar-toggler {
		display: none
	}
}

.navbar-expand {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
	padding-right: 0;
	padding-left: 0;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.navbar-expand .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row
}

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

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

.navbar-expand .navbar-collapse {
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto
}

.navbar-expand .navbar-toggler {
	display: none
}

.navbar-light .navbar-brand {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .show>.nav-link {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$black-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
	color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
	color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
	color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
	color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .show>.nav-link {
	color: #fff
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show {
	color: #fff
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-text {
	color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
	color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
	color: #fff
}

.nav-item1 {
	padding: 10px;
	min-width: 2rem;
	transition: .3s color;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.nav-item1.active,
.nav-item1:hover:not(.disabled) {
	color: #fff
}

.nav-item1 .nav-link.disabled {
	color: #8e9cad;
	cursor: default;
	pointer-events: none
}

.nav1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	background: #f4f5fb
}

.user-button {
	padding: 3px 10px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 3px;
	color: #fff!important;
	background: #23a8ba
}

.user-button:hover {
	border: 1px solid #23a8ba;
	background: #fff;
	color: #23a8ba!important
}

.nav-item,
.nav-link {
/* 	min-width: 2rem; */
	transition: .3s color;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.header .nav-item .badge,
.header .nav-link .badge {
	position: absolute;
	top: 0;
	right: -6px;
	padding: .2rem .25rem;
	min-width: 1rem;
	font-size:13.5px
}

#headerMenuCollapse .nav-item .badge,
#headerMenuCollapse .nav-link .badge {
	position: relative;
	min-width: 1rem;
	font-size: 10px;
	font-weight: 500
}

.header .nav-tabs .nav-link.active,
.header .nav-tabs .nav-link:hover:not(.disabled) {
	color: #fff!important;
	background: #23a8ba
}

.nav-item:hover .dropdown-menu,
.nav-link:hover .dropdown-menu,
.nav-link:hover .dropdown-menu.show {
	display: block
}

li > ul.sub-menu > li:hover {
	background: #f4f5fc;
}

li > ul.sub-menu > li.active {
	background: #f4f5fc;
}

ul.mega-hover >li:hover{
	background: #f4f5fc;
}

ul.mega-hover >li.active{
	background: #f4f5fc;
}

@media (max-width:1279px) and (min-width:992px) {
	.nav-tabs .nav-link {
		padding: 1rem .95rem;
		font-size:13.5px
	}
}

@media (max-width:480px) {
	.list-media .info {
		padding-bottom: 15px
	}
	.list-media .info .text-right {
		display: none
	}
	.header-brand-img {
		height: 3rem;
		margin-top: 5px
	}
	.m-portlet {
		display: none
	}
	.searching.mt-3 {
		margin-top: .6rem!important
	}
	.tabs-menu ul li {
		width: 100%;
		margin: 15px
	}
	.tabs-menu ul li a {
		width: 100%
	}
	.invoicelist .tabs-menu ul li {
		width: 100%;
		margin: 0
	}
	.invoicelist .tabs-menu ul li a {
		width: 100%
	}
	.cal1 .clndr .clndr-table tr {
		height: 50px!important
	}
	.tabs-menu1 ul li {
		width: 100%;
		margin: 15px
	}
	.tabs-menu1 ul li a {
		width: 100%
	}
	.wizard-card .nav-pills>li {
		text-align: center;
		padding: 9px!important
	}
	.form-control.form-select.w-auto {
		display: none
	}
	.badge {
		margin: 10px 0
	}
	.mail-inbox .badge {
		margin: 0
	}
	.construction .display-5 {
		font-size: 1.5rem
	}
	.header-brand {
		line-height: 2.5rem!important
	}
	.jumbotron .display-3 {
		font-size: 2.5rem
	}
	.mail-option .hidden-phone {
		display: none
	}
	.app-header .header-brand {
		min-width: auto!important
	}
	.dropdown.header-fullscreen {
		display: none
	}
	.app-header1 .header-brand {
		min-width: auto
	}
	.widget-text span {
		font-size: 10px
	}
}

@media (max-width:767px) {
	.card-tabs {
		display: block!important
	}
	.header-brand {
		line-height: 2.7rem
	}
	.header .input-icon.mt-2 {
		margin-top: 5px!important
	}
	.footer .privacy {
		text-align: center!important
	}
	.shop-dec .col-md-6.pr-0 {
		padding-right: .75rem!important
	}
	.shop-dec .col-md-6.pl-0 {
		padding-left: .75rem!important
	}
}

@media (max-width:768px) and (min-width:481px) {
	.header-brand {
		/* margin-left: 20px; */
		min-width: 60px !important;
	    top: 0px !important;
	    margin-right: 0px !important;
	}
	.searching i {
		margin-top: 5px!important
	}
	.nav-link.leading-none span {
		margin-top: -1px!important;
		padding: 0!important
	}
	.icon__account_user-noti{
		margin:unset;
	}
	.pulse-noti{
		position: relative;
	    top: -13px;
	    right: 6px;
	}
}
@media (max-width:768px) and (min-width:300px) {
	.rowmakeflex{
		display: block !important;
	}
	.select-contri.is-open .countrilist{
		top:5% !important;
	}
}
.d-flex-dw{
	display:flex;
}
@media (max-width:768px) {
	.nav-tabs .nav-link {
		width: 100%
	}
	.page-subtitle {
		display: none
	}
	.richText .richText-toolbar ul li a {
		border: rgba(0, 40, 100, .12) solid 1px
	}
	.ticket-card .col-md-1 {
		width: 100%;
		display: block
	}
	.ticket-card img {
		display: block;
		text-align: Center;
		margin: 0 auto
	}
	.dataTables_wrapper .dataTables_info,
	.dataTables_wrapper .dataTables_paginate {
		margin-top: 10px!important
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center!important
	}
	.page-title {
		line-height: 1.5rem;
		font-size: 20px
	}
	.carousel-caption {
		display: none
	}
	.demo-gallery>ul>li {
		width: 100%!important
	}
	ul.inbox-pagination li span {
		display: none
	}
	.dash1,
	.dash2 {
		margin-bottom: 1.2rem
	}
}

@media (max-width:990px) and (min-width:767px) {
	.carousel-caption {
		top: 10%
	}
}

@media (max-width:568px) and (min-width:480px) {
	.container-messages {
		position: absolute;
		top: 50px!important
	}
	.messages-list {
		top: 24px!important;
		bottom: 73px!important
	}
	.messages-right {
		top: 10px!important;
		bottom: 71px!important
	}
	.messages-left-footer {
		bottom: 40px!important;
		display: none
	}
	.messages-left .card-header {
		display: none
	}
	.message-footer,
	.message-header {
		height: 50px!important
	}
	.message-body {
		top: 50px!important;
		bottom: 50px!important
	}
}

@media (max-width:990px) and (min-width:569px) {
	.message-footer,
	.message-header {
		height: 50px!important
	}
	.messages-right {
		top: 10px!important;
		bottom: 80px!important
	}
	.message-body {
		top: 50px!important;
		bottom: 50px!important
	}
	.messages-left .card-header {
		display: none
	}
	.messages-list {
		top: 24px!important
	}
}

@media (max-width:990px) {
	.header-toggler {
		margin: 6px
	}
	.nav-tabs .nav-link {
		width: 100%
	}
	form.convFormDynamic button.submit {
		margin: 4px!important
	}
	.messages-list .media {
		padding: 9px!important
	}
}

.nav-link-icon {
	line-height: 0
}

.expanel-default {
	border: #ddd!important
}

.expanel-primary {
	border: #23a8ba!important
}

.expanel-secondary {
	border: #f72d66!important
}

.expanel-success {
	border: #2dce89!important
}

.expanel-danger {
	border: #dc0441!important
}

.expanel-primary>.expanel-heading {
	color: #fff!important;
	background-color: #23a8ba!important;
	border-color: #23a8ba!important
}

.expanel-secondary>.expanel-heading {
	color: #fff!important;
	background-color: #f72d66!important;
	border-color: #f72d66!important
}

.expanel-success>.expanel-heading {
	color: #fff!important;
	background-color: #2dce89!important;
	border-color: #2dce89!important
}

.expanel-danger>.expanel-heading {
	color: #fff!important;
	background-color: #dc0441!important;
	border-color: #dc0441!important
}

.expanel-warning>.expanel-heading {
	color: #fff!important;
	background-color: #ecb403!important;
	border-color: #ecb403!important
}

.expanel-title {
	margin-top: 0!important;
	margin-bottom: 0!important;
	font-size: 16px!important;
	color: inherit!important
}

.expanel {
	margin-bottom: 20px!important;
	background-color: #fff!important;
	border: 1px solid #eff0f6!important;
	border-radius: 4px!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.expanel-default>.expanel-heading {
	background-color: #f4f5fb!important;
	border-color: 1px solid #eff0f6!important
}

.expanel-heading {
	padding: 10px 15px!important;
	border-bottom: 1px solid #eff0f6;
	border-top-left-radius: 3px!important;
	border-top-right-radius: 3px!important;
}

.expanel-footer {
	padding: 10px 15px!important;
	background-color: #f4f5fb!important;
	border-top: 1px solid #eff0f6!important;
	border-bottom-right-radius: 3px!important;
	border-bottom-left-radius: 3px!important;
}

.expanel-body {
	padding: 15px!important;
}

.progress {
	display: -ms-flexbox;
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: .703125rem;
	background-color: #e5e9f2;
	border-radius: 3px;
	position: relative
}

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

.current-progressbar {
	margin-top: 14.5px
}

.progress-content {
	margin-bottom: 16.5px
}

.progress-content:last-child {
	margin-bottom: 0
}

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

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem
}

.progress-bar-animated {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite
}

.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start
}

.media-body {
	-ms-flex: 1;
	flex: 1
}

.progress-xs {
	height: .25rem
}

.progress-xs .progress-bar {
	height: .25rem
}

.progress-sm {
	height: .5rem
}

.progress-sm .progress-bar {
	height: .5rem
}

.progress-lg {
	height: 1.25rem
}

.progress-lg .progress-bar {
	height: 1.25rem
}

.progress-bar-indeterminate:after {
	content: '';
	position: absolute;
	background-color: inherit;
	left: 0;
	will-change: left, right;
	top: 0;
	bottom: 0;
	-webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
	animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}

.progress-bar-indeterminate:before {
	content: '';
	position: absolute;
	background-color: inherit;
	left: 0;
	will-change: left, right;
	top: 0;
	bottom: 0;
	-webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
	animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite
}

@-webkit-keyframes loader {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loader {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.tag {
	font-size: .75rem;
	color: #6b6f80;
	background-color: #f4f5fb;
	border-radius: 3px;
	padding: 0 .5rem;
	line-height: 2em;
	display: -ms-inline-flexbox;
	display: inline-flex;
	cursor: default;
	font-weight: 400;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

a.tag {
	text-decoration: none;
	cursor: pointer;
	transition: .3s color, .3s background
}

a.tag:hover {
	background-color: rgba(110, 118, 135, .2);
	color: inherit
}

.tag-addon {
	display: inline-block;
	padding: 0 .5rem;
	color: inherit;
	text-decoration: none;
	background: rgba(0, 0, 0, .06);
	margin: 0 -.5rem 0 .5rem;
	text-align: center;
	min-width: 1.5rem
}

.tag-addon:last-child {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.tag-addon i {
	vertical-align: middle;
	margin: 0 -.25rem
}

a.tag-addon {
	text-decoration: none;
	cursor: pointer;
	transition: .3s color, .3s background
}

a.tag-addon:hover {
	background: rgba(0, 0, 0, .16);
	color: inherit
}

.tag-avatar {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 3px 0 0 3px;
	margin: 0 .5rem 0 -.5rem
}

.tag-blue {
	background-color: #083dc1;
	color: #fff
}

.tag-indigo {
	background-color: #6574cd;
	color: #fff
}

.tag-purple {
	background-color: #aa4cf2;
	color: #fff
}

.tag-pink {
	background-color: #ec82ef;
	color: #fff
}

.tag-red {
	background-color: #dc0441;
	color: #fff
}

.tag-orange {
	background-color: #fc7303;
	color: #fff
}

.tag-yellow {
	background-color: #ecb403;
	color: #fff
}

.tag-green {
	background-color: #2dce89;
	color: #fff
}

.tag-teal {
	background-color: #2bcbba;
	color: #fff
}

.tag-cyan {
	background-color: #17a2b8;
	color: #fff
}

.tag-white {
	background-color: #fff;
	color: #fff
}

.tag-gray {
	background-color: #868e96;
	color: #fff
}

.tag-gray-dark {
	background-color: #343a40;
	color: #fff
}

.tag-azure {
	background-color: #45aaf2;
	color: #fff
}

.tag-lime {
	background-color: #7bd235;
	color: #fff
}

.tag-primary {
	background-color: #467fcf;
	color: #fff
}

.tag-secondary {
	background-color: #f72d66;
	color: #fff
}

.tag-success {
	background-color: #2dce89;
	color: #fff
}

.tag-info {
	background-color: #45aaf2;
	color: #fff
}

.tag-warning {
	background-color: #ecb403;
	color: #fff
}

.tag-danger {
	background-color: #dc0441;
	color: #fff
}

.tag-light {
	background-color: #f8f9fa;
	color: #fff
}

.tag-dark {
	background-color: #343a40;
	color: #fff
}

.tag-rounded {
	border-radius: 50px
}

.tag-rounded .tag-avatar {
	border-radius: 50px
}

.tags {
	margin-bottom: -.5rem;
	font-size: 0
}

.tags>.tag {
	margin-bottom: .5rem
}

.tags>.tag:not(:last-child) {
	margin-right: .5rem
}

.highlight .hll {
	background-color: #ffc
}

.highlight .c {
	color: #999
}

.highlight .k {
	color: #069
}

.highlight .o {
	color: #555
}

.highlight .cm {
	color: #999
}

.highlight .cp {
	color: #099
}

.highlight .c1,
.highlight .cs {
	color: #999
}

.highlight .gd {
	background-color: #fcc;
	border: 1px solid #c00
}

.highlight .ge {
	font-style: italic
}

.highlight .gr {
	color: red
}

.highlight .gh {
	color: #030
}

.highlight .gi {
	background-color: #cfc;
	border: 1px solid #0c0
}

.highlight .go {
	color: #aaa
}

.highlight .gp {
	color: #009
}

.highlight .gu {
	color: #030
}

.highlight .gt {
	color: #9c6
}

.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
	color: #069
}

.highlight .kt {
	color: #078
}

.highlight .m {
	color: #f60
}

.highlight .s {
	color: #c09
}

.highlight .na {
	color: #00cc7a
}

.highlight .nb {
	color: #366
}

.highlight .nc {
	color: #0a8
}

.highlight .no {
	color: #360
}

.highlight .nd {
	color: #99f
}

.highlight .ni {
	color: #999
}

.highlight .ne {
	color: #c00
}

.highlight .nf {
	color: #c0f
}

.highlight .nl {
	color: #99f
}

.highlight .nn {
	color: #0cf
}

.highlight .nt {
	color: #6967ce
}

.highlight .nv {
	color: #033
}

.highlight .ow {
	color: #000
}

.highlight .w {
	color: #bbb
}

.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
	color: #f60
}

.highlight .sb,
.highlight .sc {
	color: #c30
}

.highlight .sd {
	font-style: italic;
	color: #c30
}

.highlight .s2,
.highlight .se,
.highlight .sh {
	color: #c30
}

.highlight .si {
	color: #a00
}

.highlight .sx {
	color: #c30
}

.highlight .sr {
	color: #3aa
}

.highlight .s1 {
	color: #c30
}

.highlight .ss {
	color: #fc3
}

.highlight .bp {
	color: #366
}

.highlight .vc,
.highlight .vg,
.highlight .vi {
	color: #033
}

.highlight .il {
	color: #f60
}

.highlight .css .o {
	color: #999
}

.highlight .css .o+.nt {
	color: #999
}

.highlight .css .nt+.nt {
	color: #999
}

.highlight .language-bash::before,
.highlight .language-sh::before {
	color: #009;
	content: "$ ";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.highlight .language-powershell::before {
	color: #009;
	content: "PM> ";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.bd-example {
	position: relative;
	padding: 1rem;
	margin: 1rem -1rem;
	border-width: .2rem 0 0
}

.bd-example-tooltip-static .tooltip {
	position: relative;
	display: inline-block;
	margin: 10px 20px;
	opacity: 1
}
.fc-toolbar:before,
.login-content:after {
	content: ""
}

#footer,
.fc-toolbar .ui-button,
.fileinput .thumbnail {
	text-align: center
}

.four-zero {
	text-align: center
}

.four-zero footer>a {
	text-align: center
}

.ie-warning,
.login-content,
.login-navigation {
	text-align: center
}

.pt-inner {
	text-align: center
}

.pt-inner .pti-footer>a {
	text-align: center
}

.message-feed {
	padding: 20px
}

.message-feed.right>.pull-right {
	margin-left: 15px
}

.message-feed:not(.right) .mf-content {
	background: #eff1f7;
	position: relative;
	margin-left: 5px
}

.message-feed.right .mf-content {
	background: #23a8ba;
	color: #fff;
	position: relative;
	margin-right: 5px
}

.mf-content {
	padding: 13px 20px;
	border-radius: 6px;
	display: inline-block;
	max-width: 100%
}

.mf-date {
	display: block;
	color: #8e9cad;
	margin-top: 7px
}

.mf-date>i {
	font-size:13.5px;
	line-height: 100%;
	position: relative;
	top: 1px
}

.four-zero,
.lc-block {
	box-shadow: 0 1px 11px rgba(0, 0, 0, .27)
}

.msb-reply {
	position: relative;
	background: #fff;
	border: 1px solid #eceff9;
	height: 50px;
	border-bottom: 0
}

.msb-reply textarea {
	width: 100%;
	font-size:13.5px;
	border: 0;
	padding: 15px 15px;
	resize: none;
	height: 50px;
	background: 0 0
}

.msb-reply button {
	position: absolute;
	top: 4px;
	right: 9px;
	border: 0;
	height: 40px;
	width: 40px;
	font-size: 20px;
	color: #2196f3;
	background: 0 0
}

.ico-mt {
	margin-top: -.5rem!important
}

.msb-reply button:hover {
	background: #f2f2f2
}

.p-15 {
	padding: 15px!important
}

.actions {
	list-style: none;
	padding: 0;
	margin: 0
}

.actions>li {
	display: inline-block
}

.actions:not(.a-alt)>li>a>i {
	color: #fff
}

.actions>li>a {
	display: block;
	padding: 0 10px
}

.actions>li>a>i {
	font-size: 20px
}

.message-feed.right {
	text-align: right
}

#ms-menu-trigger,
.toggle-switch {
	-webkit-user-select: none;
	-moz-user-select: none
}

.list-group.lg-alt .list-group-item {
	border: 0
}

.action-header {
	position: relative;
	background: #23a8ba;
	padding: 15px 13px 15px 17px;
	border-bottom: 1px solid #eff0f6
}

.ms-body {
	background: #fff;
	border-radius: 7px
}

.list-icons i {
	font-size: 56px
}

.font-dot {
	margin-top: -12px
}

.list-icons .card-footer i {
	font-size: 14px
}

.action_menu {
	z-index: 1;
	position: absolute;
	padding: 15px 0;
	background-color: #fff;
	color: #646367;
	top: 40px;
	right: 15px;
	display: none
}

.action_menu ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.action_menu ul li:hover {
	cursor: pointer;
	background-color: rgba(0, 0, 0, .2)
}

.construction .form-control {
	padding: .375rem 1rem
}

.modal .ah-actions {
	margin-top: 0!important
}

.modal-content .actions>li>a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	line-height: 50px;
	text-align: center
}

.modal-content .actions>li>a:hover {
	background: rgba(0, 0, 0, .1)
}

.msb-reply-button .btn {
	line-height: 14px
}

.modal-content.chat .card {
	border-radius: 4px 4px 0 0;
	box-shadow: none
}

.ah-actions {
	z-index: 3;
	float: right!important;
	margin-top: 0!important;
	position: relative
}

.ah-actions.actions a {
	line-height: inherit;
	height: auto
}

.ah-actions .option-dots {
	width: 40px;
	height: 40px!important;
	border-radius: 50%;
	background: #fff;
	margin: 0 10px;
	text-align: center;
	line-height: 40px!important;
	display: block!important;
	padding: 0!important
}

@media (max-width:991.98px) {
	.main-content-body-show .main-header-menu-icon {
		display: none
	}
	.main-content-body-show .main-header-left .main-header-arrow {
		display: block
	}
	.main-content-body-show .main-content-left-chat {
		display: none
	}
	.main-content-body-show .main-content-body-chat {
		display: flex
	}
}
@media (min-width:768px) and (max-width:991.98px) {
	.main-content-body-show .main-header-contacts .main-header-menu-icon {
		display: flex
	}
	.main-content-body-show .main-content-left-contacts {
		display: block
	}
	.app .main-contact-star {
		display: none
	}
	.app .main-content-left-contacts .main-nav-line-chat .nav-link.active {
		display: block!important;
		display: block!important;
		font-size: 11px;
		padding: 0
	}
	.app .main-content-left-contacts .main-img-user {
		margin: 0 auto
	}
}

@media (max-width:1200px) {
	.main-contact-info-header {
		border-top: 1px solid #e9edf4
	}
	.main-contact-info-header .media-body {
		padding-top: 20px
	}
}

@media (max-width:400px) {
	.main-contact-action a span {
		display: none
	}
}

@media (max-width:576px) {
	.main-contact-info-header {
		padding-top: 60px!important
	}
	.main-contact-action {
		left: 10px;
		right: 0!important
	}
	.main-contact-info-header .media-body .nav-link {
		padding-top: 5px
	}
}

@media (min-width:992px) and (max-width:1200px) {
	.main-contact-info-header .media {
		display: block!important
	}
	.main-contact-info-header .media-body {
		padding-top: 20px
	}
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-o-transition: -o-transform .3s, opacity .3s;
	-ms-transition: -ms-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	-webkit-transition: -webkit-transform .3s, opacity .3s
}

.horizontalMenu>.horizontalMenu-list>li:hover>.horizontal-megamenu,
.horizontalMenu>.horizontalMenu-list>li:hover>ul.sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-o-transition: -o-transform .3s, opacity .3s;
	-ms-transition: -ms-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	-webkit-transition: -webkit-transform .3s, opacity .3s
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>ul.sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-o-transition: -o-transform .3s, opacity .3s;
	-ms-transition: -ms-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	-webkit-transition: -webkit-transform .3s, opacity .3s
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>ul.sub-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0)
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
	opacity: 0;
	visibility: hidden;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-o-transition: -o-transform .3s, opacity .3s;
	-ms-transition: -ms-transform .3s, opacity .3s;
	-moz-transition: -moz-transform .3s, opacity .3s;
	-webkit-transition: -webkit-transform .3s, opacity .3s
}

.horizontalMenu body,
.horizontalMenu h1,
.horizontalMenu h2,
.horizontalMenu h3,
.horizontalMenu h4,
.horizontalMenu h5,
.horizontalMenu h6,
.horizontalMenu html,
.horizontalMenu iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	font-size: 12px;
	line-height: 18px
}

.horizontalMenu .cl {
	clear: both
}

.horizontalMenu img {
	border: 0 none;
	max-width: 100%
}

.horizontalMenu a:focus {
	outline: 0
}

.horizontalMenu:before {
	content: "";
	display: table
}

.horizontalMenu:after {
	content: "";
	display: table;
	clear: both
}

.horizontalMenucontainer {
	background-size: cover;
	overflow: hidden;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.horizontal-main {
	width: 100%;
	position: relative;
	/* background: #fff; */
	/* border-bottom: 1px solid #eff0f6; */
	border-top: 1px solid #eff0f6;
	z-index: 99;
}

.horizontal-mainwrapper {
	margin: 0px auto;
	width: 100%;
	z-index: 999;
	/* height: 36px; */
}

.desktoplogo {
	padding: 1.5rem 0;
	margin: 0;
	float: left
}

.desktoplogo img {
	width: 100%
}

.horizontalMenu {
	color: #fff;
	font-size: 14.5px;
	padding: 0;
	display: block
}

.horizontalMenu>.horizontalMenu-list {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 100%;
	display: block;
	padding: 0
}

.mega-menubg {
	border: 1px solid #eff0f6;
	background: #fff;
	font-size: 15px;
	padding: 14px 5px;
/* 	box-shadow: 0 10px 10px 20px rgba(68, 84, 195, .05), 10px 10px 15px -5px rgba(68, 84, 195, .26) */;
	box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
	border: 1px solid #eff0f6;
	border-radius: 6px;
	transition-duration: 0.5s;
}
@media (min-width:1500px) and (max-width:2200px){
	.mega-menubg:before{
		content: "";
	    position: absolute;
	    top: -5px;
	    left: 52%;
	    width: 15px;
	    height: 15px;
	    border: 1px solid transparent;
	    border-top-color: #e8e8f7;
	    border-left-color: #e8e8f7;
	    transform: rotate(45deg);
	    background-color: #ffffff;
	/*     z-index: 901; */
/* 	    display: block; */
	    z-index: 0;
/* 	    transition-duration: 0.2s; */
	}
}
@media (min-width:800px) and (max-width:1400px){
	.mega-menubg:before{
		content: "";
	    position: absolute;
	    top: -6px;
	    left: 60%;
	    width: 15px;
	    height: 15px;
	    border: 1px solid transparent;
	    border-top-color: #e8e8f7;
	    border-left-color: #e8e8f7;
	    transform: rotate(45deg);
	    background-color: #ffffff;
	/*     z-index: 901; */
/* 	    display: block; */
/* 	    transition-duration: 0.2s; */
	}
}
@media (min-width:1401px) and (max-width:1499px){
	.mega-menubg:before{
		content: "";
	    position: absolute;
	    top: -6px;
	    left: 54%;
	    width: 15px;
	    height: 15px;
	    border: 1px solid transparent;
	    border-top-color: #e8e8f7;
	    border-left-color: #e8e8f7;
	    transform: rotate(45deg);
	    background-color: #ffffff;
	/*     z-index: 901; */
/* 	    display: block; */
/* 	    transition-duration: 0.2s; */
	}
}
.horizontalMenu>.horizontalMenu-list>li {
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	color: #23a8ba;
	width: 155px;
}

.horizontalMenu>.horizontalMenu-list>li>a {
	display: block;
	padding: 1rem .8rem 1rem;
	text-decoration: none;
	position: relative;
	margin: 0;
/* 	border-left: 1px solid #eff0f6 */
}

.horizontalMenu>.horizontalMenu-list>li:first-child>a {
	margin-left: 0
}

.horizontalMenu>.horizontalMenu-list>li:last-child>a {
/* 	border-right: 1px solid #eff0f6 */
}

.horizontalMenu>.horizontalMenu-list>li a.menuhomeicon {
	padding-left: 25px;
	padding-right: 25px
}

.horizontalMenu>.horizontalMenu-list>li>a i {
	display: inline-block;
	font-size: 16px;
	line-height: inherit;
/* 	margin-right: 10px; */
	vertical-align: top
}

.horizontalMenu>.horizontalMenu-list>li>a .fa.fa-home {
	font-size: 15px
}

.horizontalMenu>.horizontalMenu-list>li>a .arrow:after {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid;
	content: "";
	float: right;
	right: 11px;
	height: 0;
	margin: 0 0 0 14px;
	position: absolute;
	text-align: right;
	top: 33px;
	width: 0
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu {
	float: right;
	zoom: 1;
	float: right
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu a {
	padding: 0 30px 0 20px;
	border-right: none
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu a .i {
	font-size: 15px
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu:before {
	content: "";
	display: table
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu:after {
	clear: both
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch {
	float: right;
	width: 210px;
	height: 39px;
	position: relative;
	margin: 16px 0 0 0
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch .searchicon {
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input {
	width: 100%;
	position: relative;
	float: right;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 15px;
	height: 39px;
	z-index: 2;
	outline: 0;
	color: #333;
	background-color: #efefef;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s;
	font-size: 12px
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input::placeholder {
	color: #b3bdca
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus {
	color: #333;
	width: 230px
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus~.btnstyle .fa {
	color: #6b6f80;
	opacity: 1
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus~.searchicon {
	opacity: 1;
	z-index: 3;
	color: #fff
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch .btnstyle {
	top: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	line-height: 30px;
	z-index: 1;
	cursor: pointer;
	opacity: .3;
	color: #333;
	z-index: 1000;
	background-color: transparent;
	border: solid 0;
	-webkit-transition: all .7s ease 0s;
	-moz-transition: all .7s ease 0s;
	-o-transition: all .7s ease 0s;
	transition: all .7s ease 0s
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch .btnstyle .fa {
	line-height: 37px;
	margin: 0;
	padding: 0;
	text-align: center
}

.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch .btnstyle:hover .fa {
	opacity: 1
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
	position: absolute;
/* 	top: 56px; */
	top: 34px;
	z-index: 1;
/* 	margin: 0; */
	padding: 8px 0px 8px 0px;
	min-width: 190px;
	background-color: #fff;
	border-radius: 6px;
/* 	box-shadow: 0 10px 10px 20px rgba(68, 84, 195, .05), 10px 10px 15px -5px rgba(68, 84, 195, .26); */
	border: 1px solid #eff0f6;
	box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
	transition-duration: 0.5s;
	margin: 10px 0px 10px 0px;
	display: none;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu.show{
	display: block !important;
	opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu:before{
	content: "";
    position: absolute;
    top: -7px;
    left: 35%;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    border-top-color: #e8e8f7;
    border-left-color: #e8e8f7;
    transform: rotate(45deg);
    background-color: #ffffff;
/*     z-index: 901; */
/*     display: block; */
/*     transition-duration: 0.2s; */
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li {
	position: relative;
	margin: 0;
	padding: 0;
	display: block
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
	background-image: none;
	color: #424e79;
	border-right: 0 none;
	text-align: left;
	display: block;
	line-height: 22px;
	padding: 8px 12px;
	text-transform: none;
	font-size:13.5px;
	letter-spacing: normal;
	border-right: 0 solid
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
	text-decoration: none;
	color: #23a8ba
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a>.i {
	margin-right: 9px
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 2px 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid #eff0f6
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li {
	position: relative;
	margin: 0;
	padding: 1px;
	display: block
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
	background-image: none;
	color: #6b6f80;
	border-right: 0 none;
	text-align: left;
	display: block;
	line-height: 22px;
	padding: 8px 12px;
	text-transform: none;
	font-size:13.5px;
	letter-spacing: normal;
	border-right: 0 solid
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
	text-decoration: none
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>.i {
	margin-right: 9px
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
	min-width: 220px;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	list-style: none;
	padding: 0;
	background-color: #fff;
	border: 1px solid #eff0f6
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li {
	position: relative;
	margin: 0;
	padding: 0;
	display: block
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
	background-image: none;
	color: #6b6f80;
	border-right: 0 none;
	text-align: left;
	display: block;
	line-height: 22px;
	padding: 8px 12px;
	text-transform: none;
	font-size:13.5px;
	letter-spacing: normal;
	border-right: 0 solid
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
	text-decoration: none
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>.i {
	margin-right: 9px
}

.horizontalMenu>.horizontalMenu-list>li>a.active {
	color: #23a8ba !important;
	text-decoration: none;
	background: #f4f5fc
}

.horizontalMenu>.horizontalMenu-list>li>a.active .hor-icon {
	color: #23a8ba;
	fill: rgba(68, 84, 195, .3)
}

.horizontalMenu>.horizontalMenu-list>li>a:hover, .horizontalMenu>.horizontalMenu-list>li>a:focus, .horizontalMenu>.horizontalMenu-list>li>a:active {
	color: #23a8ba !important;
	text-decoration: none
}

.horizontalMenu>.horizontalMenu-list>li>a:hover .hor-icon {
	color: #23a8ba;
	fill: rgba(68, 84, 195, .3)
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu .sub-menu-sub:after {
	content: '\e92f';
	font-family: feather;
	font-size:13.5px;
	position: absolute;
	top: 11px;
	right: 14px;
	color: #70768e
}

.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover,
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
	text-decoration: none;
	color: #23a8ba
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
	width: 100%;
	left: 0;
	position: absolute;
/* 	top: 56px; */
	top: 44px;
	z-index: 1;
	margin: 0;
	text-align: left;
	font-size: 15px;
	transition-duration: 0.7s;
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover {
	text-decoration: none;
	color: #23a8ba
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .megamenu-content {
	border: 1px solid #eff0f6;
	background-color: #fff;
	padding: 14px 20px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .title {
	padding: 5px 5px 5px 0;
	font-size:13.5px;
	color: #495057;
	margin: 0 0 4px 0;
	text-align: left;
	font-weight: 600
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .wsmwnutxt {
	width: 100%;
	font-size:13.5px;
	text-align: justify;
	line-height: 22px;
	color: #424242;
	margin-top: 10px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li {
	display: block;
	text-align: center;
	white-space: nowrap;
	text-align: left;
/* 	padding: 5px 10px 5px 25px */
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
	line-height: 18px;
	border-right: none;
	text-align: left;
	padding: 6px 0;
	background-image: none;
	color: #424e79;
	border-right: 0 none;
	display: block;
	font-size:13.5px;
    margin-left: 22px;
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu li .i {
	margin-right: 5px;
	text-align: center;
	width: 18px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu li a:hover {
	background: 0 0;
	text-decoration: none
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li .i {
	font-size: 12px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .mrgtop {
	margin-top: 15px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .show-grid div {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #dbdbdb;
	border: 1px solid #e7e7e7;
	color: #6a6a6a;
	margin: 2px 0;
	font-size:13.5px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfmenu {
	width: 30%;
	right: auto;
	left: auto
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfdiv {
	width: 20%;
	right: auto;
	left: auto
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form {
	width: 100%;
	display: block
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type=text] {
	width: 100%;
	border: 1px solid #e2e2e2;
	color: #6b6f80;
	font-size:13.5px;
	padding: 8px 5px;
	margin-bottom: 8px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form textarea {
	width: 100%;
	border: 1px solid #e2e2e2;
	color: #6b6f80;
	font-size:13.5px;
	padding: 8px 5px;
	margin-bottom: 8px;
	min-height: 122px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type=submit] {
	width: 25%;
	display: block;
	height: 32px;
	float: right;
	border: none;
	margin-right: 15px;
	cursor: pointer;
	background-color: #e1e1e1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type=button] {
	width: 25%;
	display: block;
	height: 32px;
	float: right;
	border: none;
	cursor: pointer;
	background-color: #e1e1e1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .carousel-inner .item img {
	width: 100%
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .carousel-control-next,
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .carousel-control-prev {
	opacity: .8
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .carousel-caption {
	bottom: 0;
	background-color: rgba(0, 0, 0, .7);
	font-size:13.5px;
	height: 31px;
	left: 0;
	padding: 7px 0;
	right: 0;
	width: 100%
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .typography-text {
	padding: 0 0;
	font-size: 14px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .typography-text ul {
	padding: 0 0;
	margin: 0
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .typography-text p {
	text-align: justify;
	line-height: 24px;
	color: #656565
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .typography-text ul li {
	display: block;
	padding: 2px 0;
	line-height: 22px
}

.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .typography-text ul li a {
	color: #656565
}

@media (min-width:1024px) {
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list:first-child {
		border: 0
	}
}

.horizontal-header {
	display: none
}

.overlapblackbg {
	opacity: 0;
	visibility: hidden
}

.horizontalMenu .horizontalMenu-click,
.horizontalMenu .horizontalMenu-click02 {
	display: none
}

.hometext {
	display: none
}

@media only screen and (max-width:991px) {
	body.active {
/* 		overflow: hidden */
	}
	.desktoplogo {
		display: none
	}
	.horizontal-main {
		height: 0;
		padding: 0
	}
	.horizontalMenucontainer {
		background-attachment: local;
		background-position: 33% 0
	}
	.horizontalMenu {
		width: 100%;
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		left: 0;
		overflow-y: hidden;
		padding: 0;
		top: 0;
		position: fixed;
		visibility: hidden;
		margin: 0
	}
	.horizontalMenu>.horizontalMenu-list {
		height: auto;
		min-height: 100%;
		width: 240px;
		padding-bottom: 0;
		margin-left: -240px;
		display: block;
		text-align: center;
		background: #fff
	}
	.horizontalMenu>.horizontalMenu-list>li {
		width: 100%;
		display: block;
		float: none;
		border-right: none;
		background-color: transparent;
		position: relative;
		white-space: inherit;
		clear: right;
		padding: 0;
		border-bottom: 1px solid #eff0f6
	}
	.horizontalMenu>.horizontalMenu-list>li>a {
		padding: 12px 32px 12px 17px;
		font-size:13.5px;
		text-align: left;
		border-right: solid 0;
		line-height: 25px;
		border-bottom: 0 solid;
		border-bottom-color: rgba(255, 255, 255, .13);
		position: static
	}
	.horizontalMenu>.horizontalMenu-list>li>a span.fa.fa-caret-down {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li a.menuhomeicon {
		padding-left: 17px;
		padding-right: 17px;
		border-top: solid 1px rgba(255, 255, 255, .13)
	}
	.horizontalMenu>.horizontalMenu-list>li>a>.fa {
		font-size: 16px;
		color: #000
	}
	.horizontalMenu>.horizontalMenu-list>li>a .arrow:after {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a {
		background-color: rgba(0, 0, 0, .08);
		text-decoration: none
	}
	.horizontalMenu>.horizontalMenu-list>li>a>.hometext {
		display: inline-block
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
		box-shadow: none;
		border-radius: 0!important;
		display: none;
		position: relative;
		top: 0;
		background-color: rgba(255, 255, 255, .04);
		border: none;
		padding: 0 0 0 25px;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		transition: inherit;
		-webkit-transform-style: flat
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
		line-height: 20px;
		font-size:13.5px;
		padding: 10px 0 10px 16px
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li span+a {
		padding-right: 30px
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a>.fa {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
		color: #6b6f80;
		text-decoration: underline
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
		min-width: 100%;
		position: static;
		left: 100%;
		top: 0;
		display: none;
		margin: 0;
		padding: 0;
		border: solid 0;
		transform: none;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		transition: inherit;
		-webkit-transform-style: flat
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li {
		margin: 0;
		padding: 0;
		position: relative
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
		line-height: 20px;
		font-size:13.5px;
		padding: 10px 0 10px 26px
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a {
		padding-right: 30px
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		color: #6b6f80;
		text-decoration: underline
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
		color: #6b6f80;
		background: 0 0;
		text-decoration: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a {
		color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
		width: 100%;
		position: static;
		left: 100%;
		top: 0;
		display: none;
		margin: 0;
		padding: 0;
		border: solid 0;
		transform: none;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		transition: inherit;
		-webkit-transform-style: flat;
		box-shadow: none!important;
		background: 0 0!important;
		border: 0!important;
		border-radius: 0!important
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li {
		margin: 0
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
		line-height: 20px;
		font-size:13.5px;
		padding: 10px 0 10px 34px;
		color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a {
		padding-right: 30px
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>.fa {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
		background-color: #e7e7e7;
		color: #6b6f80;
		text-decoration: underline
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
		color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
		color: #6b6f80;
		display: none;
		position: relative;
		top: 0;
		padding: 10px 0;
		border: solid 0;
		transform: none;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
		-webkit-transition: inherit;
		-moz-transition: inherit;
		transition: inherit;
		border-bottom: 1px solid rgba(255, 255, 255, .13);
		-webkit-transform-style: flat
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfmenu {
		width: 100%;
		margin: 0;
		padding: 5px 0 10px 0
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .title {
		color: #6b6f80;
		font-size: 15px;
		padding: 10px 8px 10px 0
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size:13.5px
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a {
		padding: 9px 14px;
		line-height: normal;
		font-size:13.5px;
		background-color: #e7e7e7;
		color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu>ul>li>a:hover {
		background-color: #6b6f80
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu ul li.title {
		line-height: 26px;
		color: #6b6f80;
		margin: 0;
		font-size: 15px;
		padding: 7px 15px;
		background-color: transparent
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu.halfdiv {
		width: 100%
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form {
		padding: 5px 0 62px 0
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .show-grid div {
		margin: 0
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type=button],
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form input[type=submit] {
		width: 46%
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .menu_form textarea {
		min-height: 100px
	}
	.horizontal-header {
		width: 100%;
		display: block;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
		height: 54px;
		background-color: #eaecf0;
		text-align: center;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		box-shadow: 0 0 1px rgba(0, 0, 0, .3)
	}
	.active .horizontal-header {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out
	}
	.active .header.top-header {
		box-shadow: none
	}
	.horizontal-header .smllogo {
		display: inline-block;
		margin-top: 15px
	}
	.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch {
		width: 86%;
		margin: 7% 7%;
		padding: 0
	}
	.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input {
		border-radius: 50px
	}
	.horizontalMenu>.horizontalMenu-list>li.rightmenu>.topmenusearch input:focus {
		width: 100%
	}
	.callusbtn {
		color: #6b6f80;
		font-size: 21px;
		position: absolute;
		right: 5px;
		top: 0;
		transition: all .4s ease-in-out 0s;
		z-index: 102;
		padding: 11px 14px
	}
	.callusbtn .fa {
		vertical-align: top;
		margin-top: 4px
	}
	.callusbtn:hover .fa {
		color: #6b6f80
	}
	.animated-arrow {
		position: absolute;
		top: -2px;
		z-index: 102;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		cursor: pointer;
		padding: 16px 35px 16px 0;
		margin: 15px 0 0 15px
	}
	.animated-arrow span {
		cursor: pointer;
		height: 2px;
		width: 23px;
		background: #23a8ba;
		position: absolute;
		display: block;
		content: '';
		transition: all .5s ease-in-out
	}
	.animated-arrow span:after,
	.animated-arrow span:before {
		cursor: pointer;
		height: 2px;
		width: 23px;
		background: #23a8ba;
		position: absolute;
		display: block;
		content: ''
	}
	.animated-arrow span:before {
		top: -7px;
		width: 23px
	}
	.animated-arrow span:after {
		bottom: -7px;
		width: 23px
	}
	.animated-arrow span:after,
	.animated-arrow span:before {
		transition: all .5s ease-in-out
	}
	.active .animated-arrow span {
		background-color: transparent
	}
	.active .animated-arrow span:after {
		width: 23px;
		top: -3px
	}
	.active .animated-arrow span:before {
		top: -3px
	}
	.active .animated-arrow.active span:after {
		top: -3px
	}
	.active .animated-arrow span:before {
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		bottom: 0
	}
	.active .animated-arrow span:after {
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg)
	}
	.overlapblackbg {
		right: 0;
		width: calc(100% - 240px);
		height: 100vh;
		min-height: 100%;
		position: fixed;
		top: 0;
		opacity: 0;
		visibility: hidden;
		background-color: rgba(0, 0, 0, .4);
		cursor: pointer
	}
	.active .horizontalMenu .overlapblackbg {
		visibility: visible;
		-webkit-transition: opacity 1.5s ease-in-out;
		-moz-transition: opacity 1.5s ease-in-out;
		-ms-transition: opacity 1.5s ease-in-out;
		-o-transition: opacity 1.5s ease-in-out
	}
	.horizontalMenucontainer {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out
	}
	.active .horizontalMenucontainer {
		margin-left: 240px;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out
	}
	.active .horizontalMenu {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		visibility: visible;
		z-index: 1000;
		top: 0;
		height: 100%!important;
		width:248px;
		background: #fff;
	}
	.active .horizontalMenu>.horizontalMenu-list {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		margin-left: 0;
		border-right: 1px solid #eff0f6
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click {
		height: 49px;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		cursor: pointer;
		width: 100%
	}
	.horizontalMenu>.horizontalMenu-list>li .horizontalMenu-click.ws-activearrow>i {
		transform: rotate(180deg)
	}
	.horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
		display: block;
		height: 23px;
		width: 25px;
		margin-top: 20px;
    	margin-right: 10px;
		background-size: 25px;
		font-size: 16px;
		color: rgba(0, 0, 0, .2);
		float: right
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02 {
		height: 41px;
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		cursor: pointer;
		width: 100%
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
		display: block;
		height: 23px;
		width: 25px;
		margin: 8px 6px 8px 6px;
		background-size: 25px;
		font-size: 21px;
		color: rgba(0, 0, 0, .2);
		float: right
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i.horizontalMenu-rotate {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.mega-menubg {
		box-shadow: none!important;
		border: 0!important;
		padding: 0!important;
		background: rgba(255, 255, 255, .2)!important
	}
	.horizontalMenu>.horizontalMenu-list>li>a.sub-icon:before,
	.horizontalMenu>.horizontalMenu-list>li>a:hover.sub-icon:before {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu .sub-menu-sub:after {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
		color: #23a8ba;
		text-decoration: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		color: #23a8ba!important
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a {
		background: #fff;
		color: #23a8ba!important;
		text-decoration: none
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover>a {
		color: #23a8ba;
		text-decoration: none
	}
	.mega-menubg:before {
		display: none
	}
	.mega-menubg ul {
		padding: 0
	}
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu:before {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li>a.active>.fa {
		color: #23a8ba!important
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a>.fa {
		color: #23a8ba!important
	}
	.horizontalMenu>.horizontalMenu-list>li>a {
		margin: 0
	}
	.horizontalMenu>.horizontalMenu-list>li>a>.horizontal-icon {
		display: none
	}
	.horizontalMenu>.horizontalMenu-list>li:last-child>a {
		border-right: 0!important
	}
	.page, .page-content{
		display: revert;
	}
}
.table tr.style-list-icon:hover{
	background: #f6f6f6;
}
@media (min-width:993px) and (max-width:1024px) {
	.horizontalMenu>.horizontalMenu-list>li>a .fa {
		margin-right: 8px;
		font-size:13.5px
	}
}

@media (min-width:1260px) and (max-width:1366px) {
	.horizontalMenu {
		width: 100%
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
		padding: 1rem .77rem 1rem;
	}
}

@media (min-width:1161px) and (max-width:1259px) {
	.horizontalMenu {
		width: 100%
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
		padding: 1rem .75rem 1rem!important
	}
}

@media only screen and (min-width:992px) and (max-width:1162px) {
	.desktoplogo {
		margin-left: 12px
	}
	.horizontal-main {
/* 		height: 57px; */
/* 		z-index: 999 */
	}
	.horizontalMenu>.horizontalMenu-list>li>a {
		padding-left: 12px;
		padding-right: 12px
	}
	.horizontalMenu>.horizontalMenu-list>li>a>.arrow {
		display: none
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
		padding: 1rem .75rem 1rem!important
	}
	.horizontalMenu>.horizontalMenu-list>li a.menuhomeicon {
		padding-left: 22px;
		padding-right: 22px
	}
}

.horizontalMenucontainer .app-header {
	background: #fff;
	/* padding-top: 16px!important;
	padding-bottom: 16px!important;
	height: 80px */
}

.horizontalMenu>.horizontalMenu-list>li>a .horizontal-icon {
	position: relative;
	top: 2px;
    left: 6px;
    font-size: 12px;
}

.hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
/* 	padding: 7px 20px 7px 30px; */
	padding: 6px 10px 6px 2px;
}

.hor-menu.horizontal-main {
	top: 56.2px;
/* 	margin-top:40.3px; */
}

/* .card-shadow .horizontal-main { */
/* 	margin-top:40.3px; */
/* } */

.mega-menubg li a:before,
.sub-menu li a:before {
	content: '\e048';
	margin-right: 8px;
	position: relative;
	font-family: typicons!important;
	opacity: .6
}

.hor-icon {
/* 	color: #424e79; */
/* 	fill: #424e79; */
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: -8px;
	margin-top: -2px
}

.header .dropdown-menu.show {
	z-index: 2
}

@media (max-width:1200px) {
	.analytics-img.w-90 {
		width: 50%!important;
		margin: 0 auto;
		text-align: center!important;
		display: block
	}
}

@media (min-width:992px) {
	.horizontalMenucontainer .header.top-header {
		box-shadow: none
	}
}

.horizontalMenu>.horizontalMenu-list>li:hover a .hor-icon {
	color: #2A3F54;
}

.horizontalMenu-list>li.rightmenu:after {
	content: "";
	display: table
}

.hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a.active {
	color: #2A3F54 !important;
}

.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active {
	color: #2A3F54 !important;
}

.hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
	color: #2A3F54 !important;
}

.range {
	display: table;
	position: relative;
	height: 25px;
	margin-top: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	cursor: pointer
}

body ::-webkit-scrollbar {
	width: 4px;
	height: 5px;
	border-radius: 100px;
	transition: .3s background
}

body ::-webkit-scrollbar-thumb,
body :hover::-webkit-scrollbar-thumb {
	background: #c2cbdf
}

body ::-ms-webkit-scrollbar-track {
	background: #fff
}

body ::-ms-webkit-scrollbar {
	width: 4px;
	height: 5px;
	border-radius: 100px;
	transition: .3s background
}

body ::-ms-webkit-scrollbar-thumb,
body :hover::-ms-webkit-scrollbar-thumb {
	background: #c2cbdf
}

body ::-ms-webkit-scrollbar-track {
	background: #fff
}

.page-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin: 0.5rem 0 0.5rem;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	border-radius: 7px;
	position: relative;
	min-height: 50px
}

.page-header .breadcrumb-icon {
	margin-top: 3px;
	margin-left: 4px
}

.page-header .breadcrumb-item {
	margin-top: 3px
}

.page-header .breadcrumb-item .svg-icon {
	width: 20px
}

.page-header .breadcrumb-item:first-child {
	margin-top: 0
}

.page-title {
	margin: 0;
	font-size: 25px;
	font-weight: 500;
	line-height: 2.5rem;
	position: relative
}

.page-title-icon {
	color: #9aa0ac;
	font-size: 1.25rem
}

.page-subtitle {
	font-size: .8125rem;
	color: #6e7687;
	margin-left: 2rem;
	position: relative
}

.page-subtitle a {
	color: inherit
}

.page-options {
	margin-left: auto
}

.page-description {
	margin: .25rem 0 0;
	color: #6e7687
}

.page-description a {
	color: inherit
}

.page-single,
.page-single-content {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.content-heading {
	font-weight: 400;
	margin: 2rem 0 1.5rem;
	font-size: 1.25rem;
	line-height: 1.25
}

.content-heading:first-child {
	margin-top: 0
}

.aside {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 22rem;
	background: #fff;
	border-left: 1px solid #eff0f6;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 100;
	visibility: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}

@media (min-width:1600px) {
	body.aside-opened .aside {
		visibility: visible
	}
}

.aside-body {
	padding: 1.5rem;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	overflow: auto
}

.aside-footer {
	padding: 1rem 1.5rem;
	border-top: 1px solid #eff0f6
}

.aside-header {
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #eff0f6
}

.header {
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
	background: #fff
}

.header .dropdown-menu {
	margin-top: 0
}

.header .mega-menu {
	width: 350px
}

.header-bg {
	background: #38a01e;
	background: -webkit-linear-gradient(to right, #38a01e, #23a8ba);
	background: linear-gradient(to right, #38a01e, #23a8ba)
}

body.fixed-header .header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030
}

@media print {
	.header {
		display: none
	}
	.footer {
		display: none
	}
}

.nav-unread {
	position: absolute;
	top: .1rem;
	right: .4rem;
	background: #ecd938;
	width: .5rem;
	height: .5rem;
	border-radius: 50%
}

.nav-unread.badge {
	position: absolute;
	top: 0;
	text-align: center;
	right: 0;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%
}

.nav-link.icon {
	margin: 0px 10px;
	padding: 12px;
	text-align: center;
	height: 1.6rem;
	font-size: 1.2rem;
	position: relative;
	border-radius: 3px
}

.nav-link.icon .nav-span {
	font-size: .9rem;
	color: #576482;
	vertical-align: middle;
	margin-left: .5rem;
	font-weight: 400
}
.header-icon, .header-icon2, .svg-icon {
    color: #6d6d6d; 
    fill: #6d6d6d; 
}
.header-brand {
	color: inherit;
	margin-right: 0;
	font-size: 1.25rem;
	white-space: nowrap;
	font-weight: 600;
	padding: 0;
	transition: .3s opacity;
	line-height: 2.9rem
}

.app-header .header-brand {
	color: inherit;
	margin-right: 1rem;
	font-size: 1.25rem;
	white-space: nowrap;
	font-weight: 600;
	padding: 0;
	transition: .3s opacity;
	line-height: 3.2rem;
	min-width: 220px;
	text-align: center;
	min-width: auto;
	position: relative;
	top: 0px;
}

.app-header .header-brand .header-brand-img {
	margin-right: 0
}

.app-header1 .header-brand {
	color: inherit;
	margin-right: 0;
	font-size: 1.25rem;
	white-space: nowrap;
	font-weight: 600;
	padding: 0;
	transition: .3s opacity;
	line-height: 2.9rem;
	min-width: 215px;
	text-align: center
}

.app-header1 .header-brand .header-brand-img {
	margin-right: 0
}

.header-brand:hover {
	color: inherit;
	text-decoration: none
}

.header-brand-img {
	/* height: 6.3rem; */
   /*  vertical-align: bottom; */
    margin-right: 0;
    /* width: auto; */
    position: relative;
    /* top: -28px; */
    /*  top: -6px; */
    width: 200px;
}

.header-avatar {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	vertical-align: bottom;
	border-radius: 50%
}

.header-btn {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 1rem
}

.center-block {
	margin-right: auto;
	margin-left: auto;
	float: inherit!important
}

.header-btn.has-new {
	position: relative
}

.header-btn.has-new:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #dc0441;
	position: absolute;
	top: 4px;
	right: 4px;
	border-radius: 50%
}

.header-toggler {
	width: 3rem;
	height: 3rem;
	position: relative;
	color: #000
}

.header-toggler:hover {
	color: #32e448
}

.header-toggler-icon {
	position: absolute;
	width: 1rem;
	height: 2px;
	color: inherit;
	background: currentColor;
	border-radius: 3px;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -.5rem;
	box-shadow: 0 5px currentColor, 0 -5px currentColor
}

footer.footer {
	background: #fff;
	font-size:13.5px;
	border-top: 0;
	padding: 0.25rem 1.25rem 0.25rem 1.25rem;
	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6;
	/* position: fixed; */
    width: 100%;
    bottom: 0px;
}

.footer {
	background: #fff;
	border-top: 1px solid #eff0f6;
	font-size: .875rem;
	padding: 0.25rem 1.25rem 0.25rem 135px;
	position: fixed;
}
.height50{
	height:50px;
}
.footer .social {
	margin: 0 auto
}

.list.d-flex img {
	width: 60px
}
.collapse:not(.show) {
    display: none;
}
#popup {
	position: absolute;
	width: auto;
	height: 30px;
	background: #fe6b1f;
	display: none;
	color: #fff;
	border-radius: 5px
}

.h-85 {
	height: 85px!important
}
.countdown span:first-child {
	font-size: 30px;
	font-weight: 500
}

.social i {
	font-size: 40px
}

.social .social-icon i {
	font-size: 14px
}

.instagram {
	background: #de497b
}

.linkedin {
	background: #0077b5
}

.twitter {
	background: #1da1f2
}

.facebook {
	background: #3b5998
}

.widget-info i {
	width: 100px;
	height: 100px;
	padding: 27px 0;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 50%
}

.widget-info a {
	border-bottom: 1px solid #fff
}

.header .form-inline .form-control {
	border: 1px solid #d3dfea;
	padding-left: 20px;
	width: 250px;
	padding-right: 40px;
	padding-top: 7px;
	background: #edf3f7;
}

.header .form-inline .form-control:focus {
	box-shadow: none
}

.header .form-inline .btn {
	border-radius: 0;
	padding: 5px 15px 6px 15px;
	border: 2px solid transparent;
	box-shadow: none;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	background: 0 0;
	color: #fff;
/* 	margin-left: -50px; */
	font-size: 15px;
/* 	position: absolute; */
	right: 0
}

.header .form-inline .btn i {
	color: #818c9b
}

@media (max-width:767.98px) and (min-width:576px) {
	.header .form-inline .search-element {
		position: absolute;
		top: 8px;
		left: 10px;
		right: 10px;
		z-index: 892;
		display: none
	}
	body.search-show .header .form-inline .search-element {
		display: block
	}
	.header .navsearch i {
		font-size: 20px;
		color: #fff
	}
	.search-element .form-control {
		float: left;
		width: 100%!important;
		height: 40px;
		margin: 0 auto;
		background: #fff!important;
		color: #424e79;
		border: 1px solid #eff0f6
	}
	.search-show .search-element {
		display: block;
		background: #23a8ba;
		left: 0!important;
		top: 0!important;
		right: 0;
		width: 100%;
		padding: 18px 13px
	}
	.header .form-inline .form-control::-webkit-input-placeholder {
		color: #b3bdca!important
	}
	.header .navsearch i {
		font-size: 20px;
		color: #424e79;
		padding-top: 5px
	}
	.header .form-inline .btn {
		color: #46494a!important;
		padding: 8px 15px 6px 15px;
		position: unset!important
	}
	.animated-arrow.hor-toggle {
		text-align: center;
		height: 2.5rem;
		width: 2.5rem;
		font-size: 1.2rem;
		position: relative;
		border: 0 solid #eff0f6;
		border-radius: 3px;
		margin: 5px;
		top: 0
	}
	.animated-arrow.hor-toggle span {
		margin-left: 8px;
		margin-top: 2px;
		vertical-align: middle
	}
}

@media (max-width:1024px) {
	.app.sidebar-gone.search-show .header.top-header {
		z-index: 1036
	}
	body.search-show,
	body.sidebar-show {
		overflow: hidden
	}
	body.search-show:before,
	body.sidebar-show:before {
		content: '';
		position: fixed;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .4);
		opacity: .6;
		z-index: 9
	}
}

@media (max-width: 820px) and (min-width:300px){
	.slide-image{
		width: 132px !important;
    	height: 112px !important;
	}
}

@media (min-width:575.98px) and (max-width:1200px) {
	.header .form-inline .form-control {
		width: 200px
	}
}

@media (max-width:575.98px) {
	.header .form-inline .search-element .form-control {
		float: left;
		width: 100%;
		height: 40px;
		margin: 0 auto;
		background: #fff;
		border-radius: 4px
	}
	.search-show .search-element {
		display: block!important;
		background: #23a8ba;
		left: 0;
		top: 0;
		right: 0;
		width: 100%;
		padding: 20px 13px
	}
	.form-control.header-search {
		color: #000
	}
	.header .form-inline .search-element {
		position: absolute;
		z-index: 892;
		display: none
	}
	.header .form-inline .btn {
		color: #46494a!important
	}
	.header .form-inline .form-control::-webkit-input-placeholder {
		color: #b3bdca!important
	}
	.header .navsearch i {
		font-size: 20px;
		color: #424e79;
		padding-top: 4px
	}
	.header-brand-img.dark-logo,
	.header-brand-img.desktop-lgo {
		display: none
	}
	.header-brand {
		margin-right: 0
	}
	.header-brand-img.mobile-logo {
		display: block;
		margin-left: .5rem;
		height: 2.6rem;
	}
	.header-brand-img.darkmobile-logo {
		display: none;
		margin-left: .5rem
	}
	.animated-arrow.hor-toggle {
		text-align: center;
		height: 2.5rem;
		width: 2.5rem;
		font-size: 1.2rem;
		position: relative;
		border: 0;
		border-radius: 3px;
		margin: 5px;
		top: -8px;
	}
	.animated-arrow.hor-toggle span {
		margin-left: 8px;
		margin-top: 2px;
		vertical-align: middle
	}
}

.icons-list {
	list-style: none;
	margin: 0 -1px -1px 0;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.icons-list>li {
	-ms-flex: 1 0 4rem;
	flex: 1 0 4rem
}

.icons-list-wrap {
	overflow: hidden
}

.icons-list-item {
	text-align: center;
	height: 4rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid #eff0f6;
	margin: 4px;
	border-radius: 5px;
	background: #f7f7f9
}

.icons-list-item i {
	font-size: 1.25rem
}

.img-gallery {
	margin-right: -.25rem;
	margin-left: -.25rem;
	margin-bottom: -.5rem
}

.img-gallery>.col,
.img-gallery>[class*=col-] {
	padding-left: .25rem;
	padding-right: .25rem;
	padding-bottom: .5rem
}

.link-overlay {
	position: relative
}

.link-overlay:hover .link-overlay-bg {
	opacity: 1
}

.link-overlay-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(70, 127, 207, .8);
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.25rem;
	opacity: 0;
	transition: .3s opacity
}

.media-icon {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius: 100%;
	font-size: 18px
}

.media-list {
	margin: 0;
	padding: 0;
	list-style: none
}

div.conv-form-wrapper div.options div.option {
	border: 1px solid #23a8ba;
	background: #fff;
	color: #23a8ba
}

form.convFormDynamic button.submit {
	color: #23a8ba;
	border: 1px solid #23a8ba;
	background: #fff
}

div.conv-form-wrapper div.options div.option.selected {
	background: #23a8ba;
	color: #fff
}

div.conv-form-wrapper div.options div.option.selected:hover {
	background: #23a8ba
}

form.convFormDynamic button.submit:hover {
	background: #23a8ba;
	color: #fff
}

div.conv-form-wrapper div#messages div.message.from {
	background: #23a8ba;
	color: #fff;
	border-top-right-radius: 0
}

#sidebar ul li.active>a {
	color: #23a8ba
}

#sidebar ul li.active>a:hover {
	background: #6d4dbb;
	color: #fff
}

.overflow-hidden {
	overflow: hidden
}

.accordionjs .acc_section.acc_active>.acc_head {
	background: #23a8ba!important
}

.user-profile .user-pro-body .u-dropdown {
	color: #fff
}

/* .sweet-alert button { */
/* 	background-color: #23a8ba!important */
/* } */

.timeline__item:after {
	border: 6px solid #23a8ba
}

.timeline__content {
	background-color: #eaf0f9
}

.tab_wrapper>ul li.active {
	border-color: #23a8ba!important;
	background: #23a8ba!important;
	color: #fff
}

.tab_wrapper.right_side>ul li.active:after {
	background: #23a8ba!important
}

.tab_wrapper>ul {
	border-bottom: 1px solid #eff0f6
}

.tab_wrapper>ul li {
	border: 1px solid #eff0f6;
	border-top: 3px solid 1px solid #eff0f6
}

.tab_wrapper.right_side .content_wrapper {
	border: 1px solid #eff0f6
}

.tab_wrapper.right_side>ul {
	border-bottom: 1px solid #eff0f6
}

.tab_wrapper.right_side>ul li.active {
	border-color: 1px solid #eff0f6
}

.tab_wrapper.right_side>ul li:after {
	background: 1px solid #eff0f6
}

.search {
	position: absolute;
	width: 320px
}

.input-search {
	position: absolute;
	width: calc(100% - 148px);
	height: 34px;
	top: 0;
	right: 20px;
	bottom: 0;
	left: 0;
	border: none;
	background-color: transparent;
	outline: 0;
	padding: 20px;
	font-size: 16px;
	color: #fff
}

.search-label {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	top: 0;
	left: 50%;
	margin-left: -54px;
	z-index: 100;
	transition: .5s ease-in-out
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f4f5fb;
}
.table-striped tbody tr:nth-of-type(odd) {
    background: 0 0;
}
.table-stats table td,
.table-stats table th {
	border: none;
	border-bottom: 1px solid #e8e9ef;
	font-size: 12px;
	font-weight: 400;
	padding: .75em 1.25em;
	text-transform: uppercase
}

.table-stats table td img,
.table-stats table th img {
	margin-right: 10px;
	max-width: 45px
}

.table-stats table th .name {
	font-size:13.5px;
	text-transform: capitalize
}

.table-stats table td {
	font-size:13.5px;
	text-transform: capitalize;
	vertical-align: middle
}

.table-stats table td .name {
	font-size:13.5px;
	text-transform: capitalize
}

@media (max-width:992px) {
	.header.top-header .header-option,
	.header.top-header .header-setting {
		display: none
	}
	.horizontal-main.hor-menu {
		border-bottom: 0;
		z-index: 9
	}
	.page-body {
		padding-top: 1px
	}
	.app-content.page-body .container,
	.header.top-header .container {
		max-width: none
	}
	.active .header.top-header {
		z-index: 1035
	}
	.app-content.page-body .side-app {
		padding: 6.2rem .75rem 0 .75rem!important
	}
	.navsearch {
		margin: 5px;
		padding: 0;
		text-align: center;
		height: 2.5rem;
		font-size: 1.2rem;
		position: relative;
		border: 0 solid #eff0f6;
		border-radius: 3px
	}
	.navsearch i {
		padding-top: 0!important
	}
	.app-content.page-body {
		margin-top: 5.5rem;
	}
	.comb-page .app-content.page-body {
		margin-top: 0
	}
	.media.profile-footer .media-user {
		display: none
	}
}

.header.top-header {
	top: 0;
	height: 57px;
	position: fixed;
	width: 100%;
	margin: 0 auto;
	z-index: 10;
/* 	box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px #b0b8d6 */
}

/* .header.top-header .search-element input { */
/* 	border-radius: 6em */
/* } */

@media (max-width:992px) and (min-width:768px) {
	.header-brand-img.dark-logo,
	.header-brand-img.desktop-lgo {
		margin-left: 0rem;
		max-width: unset;
	}
	.animated-arrow.hor-toggle {
		text-align: center;
		height: 2.5rem;
		width: 2.5rem;
		font-size: 1.2rem;
		position: relative;
		border: 0 solid #eff0f6;
		border-radius: 3px;
		margin: 5px;
		top: 0
	}
	.animated-arrow.hor-toggle span {
		margin-left: 8px;
		margin-top: 6px;
		vertical-align: middle
	}
}

.activity {
	position: relative;
	border-left: 3px solid #eff0f6;
	margin-left: 16px
}

.activity .img-activity {
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 44px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	border: 3px solid
}

.activity .item-activity {
	margin-left: 40px;
	margin-bottom: 26px
}

@media (min-width:992px) {
	.top-header.hor-top-header .header-brand-img {
		display: none
	}
	.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
		left: 0;
		display: block;
		position: absolute;
		margin: 0 auto;
		right: 0
	}
	.top-header.hor-top-header .form-inline .form-control {
		width: 175px
	}
	.top-header.hor-top-header .header-brand {
		margin-right: 0rem
	}
}

@media (max-width:991px) {
	.top-header.hor-top-header .header-brand.center-logo .desktop-lgo {
		display: none
	}
	.header.top-header.hor-top-header {
		border-bottom: 0
	}
}

.icon-x {
	font-size: 2.3em;
}
.icon-2x{
	font-size: 1.4em !important;
}
.top-1{
	position: relative;
	top: 8px;
}
.color-1 {
	fill: #23a8ba;
	color: #23a8ba !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 7px;
    height:43px;
    width:43px;
}
.color-2{
	fill: #72a1de;
	color: #72a1de !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 7px;
    height:43px;
    width:43px;
}
.color-3{
	fill: #2dce89;
	color: #2dce89 !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 5px;
    height:43px;
    width:43px;
}
.color-4{
	fill: #7ccccb;
	color: #7ccccb !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 5px;
    height:43px;
    width:43px;
}
.color-5{
	fill: #d9947b;
	color: #d9947b !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 5px;
    height:43px;
    width:43px;
}
.color-6{
	fill: #f9e14f;
	color: #f9e14f !important;
	border: solid 1px;
    border-radius: 6px;
    padding: 5px 5px;
    height:43px;
    width:43px;
}
.icon-dropshadow-color1{
	filter: drop-shadow(0 4px 4px rgba(68,84,195, .3))
}
.icon-dropshadow-color2{
	filter: drop-shadow(0 4px 4px rgba(114,161,222, .3))
}
.icon-dropshadow-color3{
	filter: drop-shadow(0 4px 4px rgba(45,206,137, .3))
}
.icon-dropshadow-color4{
	filter: drop-shadow(0 4px 4px rgba(124,204,203, .3))
}
.icon-dropshadow-color5{
	filter: drop-shadow(0 4px 4px rgba(217,148,123, .3))
}
.icon-dropshadow-color6{
	filter: drop-shadow(0 4px 4px rgba(249,225,79, .3))
}
.feature .feature-icon {
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	border-radius: 50%;
	background: rgba(68, 84, 195, .2);
	text-align: center;
	font-size: 25px;
	color: #23a8ba
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
	top: 12px;
	left: 4px;
	height: 14px;
	width: 14px;
	display: block;
	position: absolute;
	color: #fff;
	border: 2px solid #4757c4;
	border-radius: 14px;
	box-shadow: none;
	box-sizing: content-box;
	text-align: center;
	text-indent: 0!important;
	line-height: 14px;
	content: '+';
	background: #4757c4
}

.header-icon2 {
	width: 25px;
	position: absolute;
	left: 10px;
	top: 0
}

.page-rightheader .date-range-btn {
	position: relative;
	padding-left: 40px;
	outline: 0;
	height: 40px;
	line-height: 28px;
	border-radius: 5px
}

.page-rightheader .date-range-btn .header-icon2 {
	width: 20px;
	position: absolute;
	left: 10px;
	top: 0;
	color: #23a8ba;
	fill: #8e98db
}

.main-proifle {
	position: relative;
	background: #fff;
	padding: 25px;
	padding-bottom: 0;
	margin-bottom: 30px;
	border-top: 1px solid #eff0f6;
	border-radius: 8px;
	overflow: hidden
}

@media (max-width:1400px) {
	.bg-primary.card.text-white .d-block.card-header h2 {
		font-size: 20px
	}
}

.legend div {
	background-color: transparent!important
}

table.table-bordered.dataTable td:first-child:focus {
	outline: 0;
	box-shadow: none
}

@media (min-width:991px) {
	.top-header1 .header-brand2 .header-brand-img {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		/* top: 10px */
	}
	.top-header1 .header-brand {
		display: none
	}
	.top-header1 .form-inline .form-control {
		width: 210px
	}
}

.header-notify.show .dropdown-menu {
	left: -180px!important
}

.profile-dropdown.show .dropdown-menu {
	left: -140px!important
}

.page-single,
.page-single-content,
::-ms-backdrop {
	display: inline-block!important
}

.page,
.page-content,
::-ms-backdrop {
	display: -ms-flexbox!important
}

.h-100vh .page,
::-ms-backdrop {
	height: 100%!important
}

.page-style1,
::-ms-backdrop {
	background-position: center;
	background-size: cover;
	background-attachment: fixed
}

.table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: transparent
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
	border-bottom-width: 0!important;
	font-size:13.5px;
	vertical-align: middle;
}

.table>:not(caption)>*>* {
	border-bottom-width: 0
}

.default-sidebar.sidenav-toggled .app-sidebar2 .mobile-logo {
	display: block;
	margin: 0 auto;
	margin-top: 5px
}

.default-sidebar .app-sidebar-help .header-icon {
	color: #8e98db;
	fill: #d2d6f1
}

@media only screen and (max-width:567px) {
	.app.light-mode .app-header .header-brand .header-brand-img.mobile-logo {
		display: block!important;
		margin-top: 8px
	}
}

.table>:not(:last-child)>:last-child>* {
	border-bottom-color: #eff0f6
}

.default-sidebar .app-sidebar-help {
	border-top: 1px solid #eff0f6;
	background: #fff
}

.table {
	--bs-table-hover-bg: none
}

.nav-link {
	color: #424e79
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	background-color: #4757c4!important
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
	color: #1e2125;
}

.input-group>.btn-group>.btn,
.input-group>.btn-group>.input-group-text {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 3px!important;
	border-bottom-right-radius: 3px!important
}

.table-striped>tbody>tr:nth-of-type(odd) {
	color: inherit!important
}

@media (max-width:576px) {
	.active .header.top-header {
		z-index: 9999
	}
}

.default-sidebar .slide-menu .side-menu-label1 {
	display: none
}

.closed-leftmenu .slide-menu .side-menu-label1 {
	display: none
}

.icon-overlay .slide-menu .side-menu-label1 {
	display: none
}

.color-sidebar .side-menu-label1 {
	display: none
}
table.table-bordered.dataTable td:first-child,
table.table-bordered.dataTable th:first-child {
	border-left-width: 0!important
}

/* .select2.select2-container.select2-container--default { */
/* 	width: 100%!important */
/* } */

.product-img {
	border-radius: 5px
}

* {
	box-sizing: border-box
}

::after,
::before {
	box-sizing: border-box
}

.nav-sidebar li ul {
	background: #eee
}

.nav-sidebar li ul li:last-child {
	border-bottom: 0
}

[tabindex="-1"]:focus {
	outline: 0!important
}

a {
	color: #2A3F54 !important;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:hover {
	color: #23a8ba;
	text-decoration: none
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none
}

a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
	outline: 0
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	padding: 0;
	border-style: none
}

input {
	outline: 0;
	box-shadow: none;
	overflow: visible
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
	-webkit-appearance: listbox
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}

.list-unstyled {
	border-bottom: 1px solid #eff0f6
}

#lightgallery.list-unstyled li {
	margin: 10px 0;
	border: 0
}

#sidebar .list-unstyled li {
	border-bottom: 1px solid rgba(255, 255, 255, .03)
}

.nav-sidebar .list-unstyled li:last-child {
	border-bottom: 0
}

.list-inline {
	padding-left: 0;
	list-style: none
}

.list-inline-item {
	display: inline-block
}

.list-inline-item:not(:last-child) {
	margin-right: .5rem
}

.initialism {
	font-size: 90%;
	text-transform: uppercase
}

.img-fluid {
	max-width: 100%;
	height: auto
}

.figure {
	display: inline-block
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1
}

.figure-caption {
	font-size: 90%;
	color: #868e96
}

@media (min-width:992px) {
	#sticky {
		text-align: center;
		padding: 1px;
		font-size: 1.75em;
		color: #fff;
		z-index: 0;
		height: 130px!important
	}
	#sticky.stick {
		z-index: 1;
		height: 130px!important
	}
	.header.top-header {
		z-index: 975!important
	}
	.app-content.page-body {
		margin-top: 4.5rem;
	}
	.comb-page .app-content.page-body {
		margin-top: 0
	}
}

h2.animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.search-icon {
	margin-top: -3px
}

.title-style h1 {
	position: absolute;
	width: 100%;
	background: #fff;
	display: block;
	left: 0;
	right: 0;
	width: fit-content;
	margin: 0 auto;
	display: block;
	top: 34px;
	padding: 0 20px
}

 .profile-dropdown {
	margin-top: 5px; 
	padding-left: 10px;
	padding-right: 10px
}

input:focus,
input:hover {
	outline: 0;
	box-shadow: none
}

@media (max-width:575.98px) {
	body.search-show .header .form-inline .search-element {
		display: block
	}
	.header.top-header{
		position: unset;
	}
	.horizontal-main{
		position: unset;
	}
	.app-content.page-body {
	    margin-top: 1.5rem;
	}
	
}

.sk-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative
}
.table,
.text-wrap table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size:13.5px;
}

.table th {
	padding: 5px 10px;
	vertical-align: top;
	border-top: 1px solid #eff0f6;
	background-color: #000F40;
	color: #fff;
}

.text-wrap table td,
.text-wrap table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #eff0f6
}

.table td {
	padding: 10px 8px;
	vertical-align: middle;
	border-top: 0
}

.border {
	vertical-align: top;
	border: 1px solid #eff0f6
}

.table tbody+tbody,
.text-wrap table tbody+tbody {
	border-top: 1px solid #dee2e6
}

.table .table,
.table .text-wrap table,
.text-wrap table .table {
	background-color: #f4f5fb
}

.text-wrap .table table,
.text-wrap table table {
	background-color: #f4f5fb
}

.table-sm td,
.table-sm th {
	padding: .3rem
}

.table-bordered,
.table-bordered td,
.table-bordered th,
.text-wrap table,
.text-wrap table td,
.text-wrap table th {
	border: 1px solid #eff0f6 !important;
}

.table-bordered thead td,
.table-bordered thead th,
.text-wrap table thead td,
.text-wrap table thead th {
	border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
	border: 0
}

.table-light {
	background-color: #fdfdfe;
	border-radius: 0 0 5px 5px
}

.table-light>td,
.table-light>th {
	background-color: #fdfdfe
}

.table-hover .table-light:hover {
	background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
	background-color: #ececf6
}

.table-hover .table-dark:hover {
	background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
	background-color: #b9bbbe
}

.table-active {
	background-color: rgba(0, 0, 0, .04)
}

.table-active>td,
.table-active>th {
	background-color: rgba(0, 0, 0, .04)
}

.table-hover .table-active:hover {
	background-color: rgba(0, 0, 0, .04)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: rgba(0, 0, 0, .04)
}

.table .thead-dark th,
.text-wrap table .thead-dark th {
	color: #f4f5fb;
	background-color: #212529;
	border-color: #32383e
}

.table .thead-light th,
.text-wrap table .thead-light th {
	color: #495057;
	background-color: #e9ecef;
	border-color: #dee2e6
}

.table-dark {
	color: #f4f5fb;
	background-color: #212529
}

.table-dark td,
.table-dark th,
.table-dark thead th {
	border-color: #32383e
}

.table-dark.table-bordered {
	border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, .075)
}

.text-wrap table.table-dark {
	border: 0
}

.table-dark {
	background-color: #c6c8ca;
	border-radius: 0 0 5px 5px
}

.table-dark>td,
.table-dark>th {
	background-color: #c6c8ca
}

@media (max-width:575.98px) {
	.table-responsive-sm {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-sm>.table-bordered {
		border: 0
	}
	.text-wrap .table-responsive-sm>table {
		border: 0
	}
}

@media (max-width:767.98px) {
	.table-responsive-md {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-md>.table-bordered {
		border: 0
	}
	.text-wrap .table-responsive-md>table {
		border: 0
	}
}

@media (max-width:991.98px) {
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-lg>.table-bordered {
		border: 0
	}
	.text-wrap .table-responsive-lg>table {
		border: 0
	}
}

@media (max-width:1279.98px) {
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar
	}
	.table-responsive-xl>.table-bordered {
		border: 0
	}
	.text-wrap .table-responsive-xl>table {
		border: 0
	}
}

.table-responsive {
	overflow-x: auto!important;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive>.table-bordered {
	border: 0
}

.widgets {
	font-size: 35px;
	padding: 20px
}

.widgetstext {
	top: 0;
	bottom: 0;
	padding: 20px 40px
}

.widget-line h4 {
	font-size: 24px;
	font-weight: 600
}

.fs {
	font-size: 25px
}

.widget-line p {
	font-size: 16px
}

.widget-line-list li {
	display: inline-block;
	font-size: 16px;
	line-height: 27px;
	padding: 5px 20px 0 15px;
	list-style-type: none
}

.defaultheader .form-control.header-search::placeholder,
.defaultheader .input-icon-addon {
	color: #fff!important
}

.input-icon {
	position: relative
}

.input-icon .form-control:not(:first-child),
.input-icon .form-control:not(:last-child) {
	padding-left: 2.5rem
}

.input-icon-addon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 2.5rem;
	pointer-events: none;
	z-index: 1
}

.input-icon-addon:last-child {
	left: auto
}

.form-fieldset {
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	padding: 1rem;
	border-radius: 3px;
	margin-bottom: 1rem
}

.form-required {
	color: #dc0441
}

.form-required:before {
	content: ' '
}

.example {
	padding: 1.5rem;
	border: 1px solid #eff0f6;
	border-radius: 3px 3px 0 0;
	font-size: .9375rem
}

.example-bg {
	background: #f4f5fb
}

.example+.highlight {
	border-top: none;
	margin-top: 0;
	border-radius: 0 0 3px 3px
}

.highlight {
	margin: 0rem 0 2rem;
	border: 1px solid #d3dfea;
	border-radius: 3px;
	font-size: .9375rem;
	max-height: 40rem;
	background: #fcfcfc
}

.highlight pre {
	margin-bottom: 0;
	background-color: #f3f4f7
}

.timeline__item:after {
	background: #fff!important
}

.timeline--horizontal .timeline-divider {
	background: #f4f5fb!important
}

.timeline__content {
	background-color: #fff;
	border-radius: 10px;
	display: block;
	padding: 1.25rem;
	position: relative
}

.tap-top.top {
    display: block;
    right: 12px;
    bottom: 70px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tap-top.bottom {
    display: block;
    right: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tap-top {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    position: fixed;
    bottom: 35px;
    right: -60px;
/*     z-index: 1002; */
    color: white;
    text-align: center;
    background: #23a8ba;
    border: none;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    /* -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg); */
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    
}
.tap-top > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/* .tap-top:after {
    position: absolute;
    content: "";
    bottom: -12px;
    background-color: black;
    width: 100%;
    height: 11px;
    left: 0;
    -webkit-transform: rotate(13deg);
    transform: rotate(13deg);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100% );
} */

.item-card .cardbody {
	position: relative;
	padding: 30px 15px;
	border-radius: 0 0 .2rem .2rem
}

.item-card .cardtitle span {
	display: block;
	font-size: .75rem
}

.item-card .cardtitle a {
	color: #8e9cad;
	font-weight: 500;
	text-decoration: none
}

.item-card .cardprice {
	position: absolute;
	top: 20px;
	right: 0
}

.item-card .cardprice span {
	display: block;
	font-size: 18px;
	font-weight: 500
}

.item-card .cardprice span.type--strikethrough {
	opacity: .5;
	text-decoration: line-through;
	font-size:13.5px;
	font-weight: 400
}

.sub-panel-heading .tabs-menu ul li {
	display: block;
	width: 100%;
	border-bottom: 1px solid #efefef
}

.sub-panel-heading .tabs-menu ul li a.active {
	background: #fff;
	border-radius: 0;
	width: 100%;
	color: #23a8ba!important
}

.sub-panel-heading .tabs-menu ul li:last-child {
	border-bottom: 0
}

.sub-panel-heading .tabs-menu ul li a {
	padding: 15px 20px
}

@media (min-width:992px) {
	.invoicedetailspage.tabs-menu-body {
		border-radius: 0 8px 8px 0
	}
}

@media (min-width:1600px) {
	.sales-img {
		width: 400px
	}
}

@media (min-width:1800px) {
	.vmap-width {
		height: 300px
	}
	.countryscroll {
		height: 350px
	}
	.horizontalMenucontainer .vmap-width {
		height: 240px
	}
	.horizontalMenucontainer .countryscroll {
		height: 290px
	}
	.sales-img {
		width: 400px
	}
}

.card-custom-icon {
	position: absolute;
	left: 15px;
	top: 25px;
	color: #e5e9f2;
/* 	width: 60px;
	height: 60px */
}

.timeline__item:after {
	border: 6px solid #23a8ba
}

.custom-control {
	position: relative;
/* 	display: block; */
	min-height: 1.5rem;
	padding-left: 1.5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 6%;
}

.custom-control-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 1rem
}

.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.input-group-btn,
.input-group-text {
	font-size: .9375rem
}

.input-group-btn>.btn,
.input-group-text>.btn {
	height: 100%;
	border-color: rgba(0, 40, 100, .12)
}

.input-group-text>.input-group-text {
	border-right: 0
}

.input-group-text>.input-group-text {
	border-left: 0
}

.custom-checkbox:before {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent
}

.custom-checkbox:after {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%
}

.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size:13.5px;
	line-height: 1.7;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d3dfea;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border-radius: 5px;
	outline: 0;
	color: #424e79;
	opacity: 1;
	font-family: 'Inter', sans-serif;
   /* font-feature-settings: 'salt' 2; */
}
.same-line{
	margin-bottom: 3px;
}
.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #424e79;
	background-color: #fff;
	border-color: #23a8ba;
	outline: 0;
	box-shadow: none
}

.form-control:-ms-input-placeholder,
.form-control::-moz-placeholder,
.form-control::-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #b3bdca!important;
	opacity: 1
}

.form-control:disabled {
	background-color: #e9ecef;
    opacity: 1;
}

.form-control[readonly] {
	background-color: rgba(255, 255, 255, .1);
	opacity: 1
}

select.form-control-lg:not([size]):not([multiple]) {
	height: calc(2.6875rem + 2px)
}

.mb-3 {
	margin-bottom: 1rem
}

.form-text {
	display: block;
	margin-top: .25rem
}

.form-row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
	padding-right: 5px;
	padding-left: 5px
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label {
	color: #505662
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.form-inline {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center
}

.form-inline .form-check {
	width: 100%
}


i.fa.round {
	border: 1px solid #23a8ba;
	border-radius: 50%;
	padding: 5px;
	width: 15%
}

.list-icon span p {
	border: 1px solid #23a8ba;
	border-radius: 15px;
	width: 50%;
	margin: 0 auto
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030
}

@supports (position:-webkit-sticky) or (position:sticky) {
	.sticky-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal
}

@media print {
	* {
		text-shadow: none!important;
		box-shadow: none!important
	}
	::after,
	::before {
		text-shadow: none!important;
		box-shadow: none!important
	}
	a:not(.btn) {
		text-decoration: underline
	}
	.table,
	.text-wrap table {
		border-collapse: collapse!important
	}
	.table td,
	.table th,
	.text-wrap table td,
	.text-wrap table th {
		background-color: #fff!important
	}
	.table-bordered td,
	.table-bordered th,
	.text-wrap table td,
	.text-wrap table th {
		border: 1px solid #eff0f6!important
	}
}

.lead {
	line-height: 1.4
}

a {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip: ink
}

.row-cards>.col,
.row-cards>[class*=col-] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.row-deck>.col,
.row-deck>[class*=col-] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: stretch;
	align-items: stretch
}

.row-deck>.col .card,
.row-deck>[class*=col-] .card {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.col-text {
	max-width: 48rem
}

.col-login {
	max-width: 24rem
}

.gutters-0 {
	margin-right: 0;
	margin-left: 0
}

.gutters-0>.col,
.gutters-0>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.gutters-0 .card {
	margin-bottom: 0
}

.gutters-xs {
	margin-right: -.25rem;
	margin-left: -.25rem
}

.gutters-xs>.col,
.gutters-xs>[class*=col-] {
	padding-right: .25rem;
	padding-left: .25rem
}

.gutters-xs .card {
	margin-bottom: .5rem
}

.gutters-sm {
	margin-right: -.5rem;
	margin-left: -.5rem
}

.gutters-sm>.col,
.gutters-sm>[class*=col-] {
	padding-right: .5rem;
	padding-left: .5rem
}

.gutters-sm .card {
	margin-bottom: 1rem
}

.gutters-lg {
	margin-right: -1rem;
	margin-left: -1rem
}

.gutters-lg>.col,
.gutters-lg>[class*=col-] {
	padding-right: 1rem;
	padding-left: 1rem
}

.gutters-lg .card {
	margin-bottom: 2rem
}

.gutters-xl {
	margin-right: -1.5rem;
	margin-left: -1.5rem
}

.gutters-xl>.col,
.gutters-xl>[class*=col-] {
	padding-right: 1.5rem;
	padding-left: 1.5rem
}

.gutters-xl .card {
	margin-bottom: 3rem
}

.page,
.page-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100vh !important;
}

.app .page, .app .page-content {
	min-height: 100%;
}

body.fixed-header .page {
	padding-top: 4.5rem
}

@media (min-width:1600px) {
	body.aside-opened .page {
		margin-right: 22rem
	}
}

.page-main {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}

.page-content {
	margin: .75rem 0
}

@media (min-width:768px) {
	.page-content {
		margin: 1.5rem 0
	}
	.h-100vh .page-content {
		margin: 0
	}
}

.demo-gallery>ul {
	margin-bottom: 0
}

.demo-gallery>ul>li {
	float: left;
	margin-bottom: 15px;
	width: 200px;
	border: 0
}

.demo-gallery>ul>li a {
	border: 3px solid #fff;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left
}

.demo-gallery>ul>li a>img {
	-webkit-transition: -webkit-transform .15s ease 0s;
	-moz-transition: -moz-transform .15s ease 0s;
	-o-transition: -o-transform .15s ease 0s;
	transition: transform .15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%
}

.demo-gallery>ul>li a:hover>img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery>ul>li a:hover .demo-gallery-poster>img {
	opacity: 1
}

.demo-gallery>ul>li a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, .1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color .15s ease 0s;
	-o-transition: background-color .15s ease 0s;
	transition: background-color .15s ease 0s
}

.demo-gallery>ul>li a .demo-gallery-poster>img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.demo-gallery>ul>li a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .justified-gallery>a>img {
	-webkit-transition: -webkit-transform .15s ease 0s;
	-moz-transition: -moz-transform .15s ease 0s;
	-o-transition: -o-transform .15s ease 0s;
	transition: transform .15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%
}

.demo-gallery .justified-gallery>a:hover>img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1)
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img {
	opacity: 1
}

.demo-gallery .justified-gallery>a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, .1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color .15s ease 0s;
	-o-transition: background-color .15s ease 0s;
	transition: background-color .15s ease 0s
}

.demo-gallery .justified-gallery>a .demo-gallery-poster>img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease 0s
}

.demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, .5)
}

.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: .8;
	width: 48px
}

.demo-gallery.dark>ul>li a {
	border: 3px solid #04070a
}

.home .demo-gallery {
	padding-bottom: 80px
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
	width: 100%
}

.col-sm-3 a {
	border: 1px solid transparent;
	border-radius: 0;
	transition: all 3s ease
}

.col-sm-3 a:active,  .col-sm-3 a:focus{
	color: red;
}

.gallery-list {
	list-style-type: none;
	margin: -5px -5px 15px;
	padding: 0
}

.gallery-list>li {
	float: left;
	width: 23%;
	padding: 10px;
	margin: 10px;
	border: 1px solid #efefef
}

.gallery-list>li .image-container {
	border-radius: 5px;
	background: #fff;
	position: relative
}

.gallery-list>li .image {
	padding-top: 60%;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 0 0
}

.gallery-list>li .image img {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1
}

.gallery-list>li .btn-list {
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	z-index: 1
}

.gallery-list>li .info {
	padding: 8px 10px
}

.gallery-list>li .info * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gallery-list>li .info h5 {
	margin: 0;
	font-size: 12px
}

@media (max-width:991px) {
	.gallery-list>li {
		width: 45.33%
	}
}

@media (max-width:480px) {
	.gallery-list>li {
		width: 100%
	}
}

.pricing {
	color: #fff;
	border-radius: 7px
}

.pricing .card-category {
	background: rgba(255, 255, 255, .34);
	padding: 7px 0;
	color: #fff;
	border-radius: 5px
}

.pricing .list-unstyled li {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	padding: 7px 0
}

.pricing1 {
	color: #8e9cad;
	border-radius: 7px
}

.pricing1 .list-unstyled li {
	border-bottom: 1px solid #eff0f6;
	padding: 7px 0
}

.pricing1 .card-category {
	background: rgba(255, 255, 255, .3);
	padding: 20px 0;
	border-radius: 7px 7px 0 0;
	color: #fff
}

.pricing-table {
	width: 100%;
	margin: 0 auto;
	transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	border-radius: 0
}

.pricing-table:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, .2)
}

.pricing-table:hover>.panel-footer-landing {
	box-shadow: 0 0 30px rgba(0, 0, 0, .05) inset;
	-webkit-transition: all .3s ease
}

.pricing-table:hover>.panel>.panel-body-landing {
	background: #38a01e;
	-webkit-transition: all .3s ease
}

.pricing-table:hover>.panel>.panel-heading-landing-box {
	background: #fff!important;
	color: #333!important;
	-webkit-transition: all .3s ease
}

.pricing-table:hover>.panel>.controle-header {
	background: #38a01e!important;
	-webkit-transition: all .3s ease
}

.pricing-table:hover>.panel>.panel-footer {
	background: #38a01e!important;
	-webkit-transition: all .3s ease;
	text-align: center
}

.pricing-table:hover>.panel>.panel-footer>.btn {
	border: solid 1px #fff!important;
	-webkit-transition: all .3s ease
}

.pricing-table:hover>.panel>.controle-header>.panel-title-landing {
	color: #fff!important;
	-webkit-transition: all .3s ease;
	font-size: 35px
}

.pricing-table:hover>.panel>.panel-body-landing>.table>tbody>tr>td {
	font-weight: 500;
	-webkit-transition: all .3s ease
}

.pricing-table>.panel>.controle-header>.panel-title-landing {
	color: #000!important;
	font-size: 35px
}

.btn-price:hover {
	background: #fff!important;
	color: #38a01e!important;
	-webkit-transition: all .3s ease
}

.table>tbody>tr>th {
	font-weight: 500;
	-webkit-transition: all .3s ease
}

.table>tfoot>tr>td,
.table>tfoot>tr>th {
	font-weight: 500;
	-webkit-transition: all .3s ease
}

.table>thead>tr>td,
.table>thead>tr>th {
	font-weight: 500;
	-webkit-transition: all .3s ease;
	vertical-align: middle;
}

.panel-body-landing:hover>.table>tbody>tr>td {
	color: #fff!important;
	-webkit-transition: all .3s ease
}

.plan-card .plan-icon {
	display: inline-block;
	font-size: 35px;
	width: 100px;
	height: 100px;
	color: #fff;
	line-height: 76px;
	overflow: hidden;
	border: 12px solid rgba(242, 246, 249, .55);
	border-radius: 50%;
	transition: all .3s
}

.plan-card .plan-price {
	border-top: 1px solid #eff0f6;
	padding-top: 20px
}

.plan-card .plan-price span {
	font-size: 15px;
	vertical-align: middle
}

.plan-card .plan-features p {
	line-height: 40px;
	margin-bottom: 0;
	border-bottom: 1px solid #eff0f6
}

.plan-card .plan-features p:first-child {
	border-top: 1px solid #eff0f6
}

.panel.price {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	margin-bottom: 1.5rem;
	border: 1px solid #eff0f6;
	overflow: hidden;
	border-radius: 5px;
	overflow: hidden
}

.panel.price>.panel-heading {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	background: #23a8ba;
	color: #fff
}

.panel.price h3 {
	margin-bottom: 0;
	padding: 20px 0
}

.panel.price .list-group-item:last-child {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.panel.price .list-group-item:first-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0
}

.panel-heading {
	padding: 10px 15px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: #fff
}

.price .list-group-item {
	border-bottom: 1px solid rgba(250, 250, 250, .5)
}

.price .panel-footer {
	border-bottom: 0;
	background-color: #fff
}

.price.panel-color>.panel-body {
	background-color: #fff
}

.panel-body {
	padding: 15px
}

.panel-body .lead {
	font-size: 20px;
	margin-bottom: 0;
	padding: 10px 0
}

.panel-body .lead strong {
	font-size: 40px;
	margin-bottom: 0
}

.panel-footer {
	padding: 10px 15px;
	background-color: #f7f7f7;
	border-top: 1px solid #eff0f6;
	border-left: 1px solid #eff0f6;
	border-right: 1px solid #eff0f6;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.panel.price .btn {
	box-shadow: 0 -1px 0 rgba(50, 50, 50, .2) inset;
	border: 0
}

@media (min-width:992px) {
	.plan-card.active {
		margin-top: -25px;
		margin-left: -20px;
		width: 120%;
		height: 100%;
		z-index: 1;
		box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .16);
		padding: 30px 0;
		font-size: 16px;
		padding-bottom: 20px
	}
	.plan-card.active .plan-features p {
		line-height: 50px
	}
	.plan-card.active .plan-card .plan-price span {
		font-size: 18px
	}
	.plan-card.active .display-4 {
		font-size: 3.5rem
	}
	.pricing-sctive .display-3 {
		font-size: 4rem
	}
	.plan-card.active h6 {
		font-size: 16px
	}
	.pricing-sctive {
		margin-top: -25px;
		margin-left: -20px;
		width: 120%;
		height: 100%;
		font-size: 16px;
		z-index: 1
	}
	.panel.price.active {
		margin-top: -25px;
		margin-left: -20px;
		width: 120%;
		height: 100%;
		z-index: 8;
		box-shadow: 0 10px 10px 20px rgba(176, 184, 214, .09), 10px 10px 15px -5px rgba(176, 184, 214, .08);
		position: relative;
		font-size: 16px;
		border-right: 1px!important
	}
	.no-gutters .panel.price {
		border-right: 0
	}
	.no-gutters .panel.price.active .panel-body .lead strong {
		font-size: 50px
	}
	.no-gutters .panel.price.active .price-title {
		font-size: 26px
	}
	.no-gutters .panel.price:last-child {
		border-right: 1px
	}
}

.price-svg {
	position: relative
}

.price-svg .price-title {
	position: absolute;
	top: 29%;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 24px
}

.price-svg svg {
	height: 120px
}

.pricing-tabs ul.nav-price {
	text-align: center;
	margin: 0 auto;
	display: inline-flex;
	margin-top: 30px;
	margin-bottom: 40px;
	border: 1px solid #eff0f6;
	border-radius: 5px;
	background: #fff;
	overflow: hidden
}

.pricing-tabs ul.nav-price li {
	display: block
}

.pricing-tabs ul.nav-price li a {
	padding: 12px 40px;
	display: block;
	background: #fff;
	font-size: 16px;
	border-radius: 0;
	transition: .3s
}

.pricing-tabs ul.nav-price li a.active {
	background: #23a8ba;
	color: #fff;
	transition: .3s
}

.leading-loose li {
	padding: 5px 0
}

.leading-loose li:last-child {
	border-bottom: 0
}

.pricing-tabs .pri-tabs-heading2 ul.nav-price {
	text-align: center;
	margin: 0 auto;
	display: inline-flex;
	margin-top: 30px;
	margin-bottom: 40px;
	border: 1px solid #d3dfea;
	border-radius: 0;
	background: #f3f4f7;
	border-radius: 50px
}

.pricing-tabs .pri-tabs-heading2 ul.nav-price li {
	display: block
}

.pricing-tabs .pri-tabs-heading2 ul.nav-price li a {
	padding: 12px 40px;
	display: block;
	background: #f3f4f7;
	font-size: 16px;
	border-radius: 50px;
	transition: .3s;
	font-weight: 600
}

.pricing-tabs .pri-tabs-heading2 ul.nav-price li a.active {
	background: #23a8ba
}

.pricing-tabs .pri-tabs-heading3 ul.nav-price {
	border-radius: 50px
}

.pricing-tabs .pri-tabs-heading3 ul.nav-price li:first-child a {
	border-radius: 50px 0 0 50px;
	border-left: 0
}

.pricing-tabs .pri-tabs-heading3 ul.nav-price li:last-child a {
	border-radius: 0 50px 50px 0
}

.pricing-tabs .pri-tabs-heading3 ul.nav-price li a {
	border-left: 1px solid #eff0f6
}

.profile-cover {
	width: 100%
}

.profile-cover .cover {
	position: relative;
	border: 10px solid #fff;
	border-radius: 7px
}

.profile-cover .cover .inner-cover {
	overflow: hidden;
	height: auto
}

.profile-cover .cover .inner-cover img {
	border: 1px solid transparent;
	text-align: center;
	width: 100%
}

.profile-cover .cover .inner-cover .cover-menu-mobile {
	position: absolute;
	top: 10px;
	right: 10px
}

.profile-cover .cover .inner-cover .cover-menu-mobile button i {
	font-size: 17px
}

.profile-cover .cover ul.cover-menu {
	padding-left: 150px;
	position: absolute;
	overflow: hidden;
	left: 1px;
	float: left;
	bottom: 0;
	width: 100%;
	margin: 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, .24)
}

.profile-cover .cover ul.cover-menu li {
	display: block;
	float: left;
	margin-right: 0;
	padding: 0 10px;
	line-height: 40px;
	height: 40px;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s
}

.profile-cover .cover ul.cover-menu li:hover {
	background-color: rgba(0, 0, 0, .44)
}

.profile-cover .cover ul.cover-menu li.active {
	background-color: rgba(0, 0, 0, .64)
}

.profile-cover .cover ul.cover-menu li a {
	color: #fff;
	font-weight: 700;
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none
}

.profile-cover .cover ul.cover-menu li a i {
	font-size: 18px
}

.profile-cover .profile-body {
	margin: 0 auto 10px;
	position: relative
}

.profile-cover .profile-timeline {
	padding: 15px
}

.img-post {
	width: 30px;
	height: 30px
}

.img-post2 {
	width: 50px;
	height: 50px
}
.top-header1 .icon__account_user{
	height: 2.6rem !important;
}
.top-header1 .nav-link.icon{
	height: 2.6rem !important;
}
.icon__account_user{
/*     width: 2.6rem; */
    height: 1.6rem;
    border-radius: 50%;
/*     margin: auto; */
/*    	border: 1px solid #eff0f6; */
/*     box-shadow: 0 2px 4px rgb(16 35 59 / 15%); */
    display: flex;
/*     justify-content: center; */
    align-items: center;
    font-size:13.5px;
    cursor: pointer;
/*     color: #000F40; */
    transition: all 0.5s ease;
    padding: 0px !important;
}
.icon__account_user:active{
/*     box-shadow: inset 0.2rem 0.2rem 0.5rem #c8d0e7, inset -0.2rem -0.2rem 0.5rem #fff; */
    color: #424e79;
}
.icon__account_user:hover{
    color: #424e79;
}
/* .icon__account_user:before{ */
/* 	font-family: "Font Awesome 5 Free"; */
/* 	content: "\f0ac"; */
/* 	font-weight: 900; */
/* 	margin-right: 0.5rem!important; */
/* } */
.select2-container--default .select2-selection--single {
    border: 1px solid #d3dfea !important;
    border-radius: 5px !important;
}
.dark-mode .btn-success{
	box-shadow: none;
	background: #23A8BA;
	color:#fff !important;
}
.dark-mode .btn-default{
	box-shadow: none;
	border: 1px solid;
/* 	border-color: #eff0f6 !important; */
}
.btn-success {
/*     margin: auto; */
/*     box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s ease;
    background: #23a8ba;
    border: 1px solid #d3dfea;
    font-size:13.5px;
}
.btn-success:hover {
    border-color: #219bab !important;
    color: #fff !important;
    background: #219bab !important;
    box-shadow: none !important;
}
.btn-success-read {
/*     margin: auto; */
/*     box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #000F40;
    transition: all 0.5s ease;
    background: #fff;
    border: 1px solid #000F40;
    font-size:13.5px;
    width: 220px !important;
}
.btn-success-read:hover {
    border-color: #000F40 !important;
    color: #fff !important;
    background: #000F40 !important;
    box-shadow: none !important;
}
.btn-check:focus+.btn-success, .btn-success:focus{
	border-color: #23A8BA !important;
    color: #fff !important;
    background: #23A8BA !important;
    box-shadow: none !important;
}
.btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle {
    border-color: #23A8BA !important;
    color: #fff !important;
    background: #23A8BA !important;
    box-shadow: none !important;
}
.btn-default {
/*     margin: auto; */
/*     box-shadow: 0.3rem 0.3rem 0.6rem #c8d0e7, -0.2rem -0.2rem 0.5rem #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #737373;
    transition: all 0.5s ease;
    background: #e6e6e6;
    font-size:13.5px;
/*     border: 1px solid #eff0f6; */
}
.btn-default:hover {
    color: #424e79 !important;
    background: #e6e6e6;
}
.btn-danger{
	font-size:13.5px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container .select2-selection--single{
	height:37px !important;
	position: relative;
/* 	top:-2px; */
}
.fade.in {
    opacity: 1;
}
.search-icon {
    margin-top: 5px;
}
.ibox-footer > div {
	display: inline;
}
.text-muted {
    color: #2A3F54!important;
}
span.hydrated > i.fa-globe{
	font-size:20px;
}
.padb{
	padding-bottom:20px;
}
.pl-20{
	padding-left:20px;
}
.dropdown-item-span{
	color: #414042;
	white-space:nowrap;
/* 	margin-left: 10px; */
}
.light-mode .dropdown-item.active, .light-mode .dropdown-item:active, .light-mode .dropdown-item:focus, .light-mode .dropdown-item:hover{
   color: #1e2125 !important;
/*    background-color: #e9ecef !important; */
}
b, strong{
	font-weight:500;
}
.hydrated > i {
    font-size: 30px;
}
.icon__account_user-new{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: auto;
    border: 1px solid #eff0f6; 
    /* box-shadow: 0 2px 4px rgb(16 35 59 / 15%); */
    display: flex;
    /* justify-content: center; */
    align-items: center;
    font-size:13.5px;
    cursor: pointer;
    color: #000F40;
    transition: all 0.5s ease;
}
.fa-user-cog {
    color: #b5b5b5;
    font-weight: 900;
    font-size: 18px !important;
    position: relative;
    left: 7px;
    
}
.circel-active {
    background: #02bb47;
    border-radius: 50%;
    padding: 5px;
    position: relative;
    top: 12px;
    right: -6px;
}
.chart {
  /* position: absolute; */
  width: 150px;
  height: 150px;
  margin: auto;
  /* top: 50%;
  left: 50%; */
  /* margin: -225px 0 0 -225px; */
}
.doughnutTip {
  position: absolute;
  min-width: 30px;
  max-width: 300px;
  padding: 5px 15px;
  border-radius: 1px;
  /* background: rgba(0,0,0,.8); */
  color: #ddd;
  font-size: 17px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.06em;
  /* box-shadow: 0 1px 3px rgba(0,0,0,0.5); */
  pointer-events: none;
}
.doughnutTip::after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.7);
  line-height: 0;
}

.doughnutSummary {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #d5d5d5;
  text-align: center;
  text-shadow: 0 -1px 0 #111;
  cursor: default;
  display: none;
}
.doughnutSummaryTitle {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -27%;
  font-size: 22px;
  letter-spacing: .06em;
}
.doughnutSummaryNumber {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -15%;
  font-size: 55px;
}
.chart path:hover { opacity: 0.65; }
.width-full{
	width:100%;
}
.width-full .select2-container{
	width:100% !important;
}
.grid-d{
	display: grid;
}
.bg-card-ds{
	background-color: #edf3f7 !important;
}
span.card-title{
	font-size: 15px;
}
.textcolor {
    font-size: 14px !important;
}


.navigation-brand {
     float: left;
     position: relative;
     top: 18px;
 }

 nav .navigation-list li {
     /* display: inline-block; */
     padding: 5px 0px;
 }

 nav .navigation-list li a {
     text-decoration: none;
     color: #222;
     padding: 5px 17px;
 }

 .sub-menu {
     position: relative;
 }

 .menu-arrow a {
     position: relative;
 }

 .menu-arrow:before {
     content: "";
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     border-bottom: 4px solid #242a36;
     border-right: 4px solid #0000;
     border-left: 4px solid transparent;
     right: 5px;
     top: 14px;
     transform: rotate(180deg);
     -webkit-transition: 0.2s time;
     -moz-transition: 0.2s time;
     -ms-transition: 0.2s time;
     -o-transition: 0.2s time;
     transition: 0.2s time;
 }

 .menu-arrow1 a {
     position: relative;
 }

 .menu-arrow1:before {
     content: "";
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     border-bottom: 4px solid #fff;
     border-right: 4px solid #0000;
     border-left: 4px solid transparent;
     right: 15px;
     top: 40px;
     transform: rotate(180deg);
     -webkit-transition: 0.2s time;
     -moz-transition: 0.2s time;
     -ms-transition: 0.2s time;
     -o-transition: 0.2s time;
     transition: 0.2s time;
 }

 .sub-menu ul {
     position: absolute;
     top: 100%;
     left: 0;
     visibility: hidden;
     z-index: -1;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     background-color: #fff;
     border: 1px solid #cbd6e2;
     border-radius: 0.1875rem;
     box-shadow: 0 1px 24px rgba(45, 62, 80, 0.12);
     width: 175px;
 }

 .sub-menu ul:before {
     left: 30px;
     background-color: #cbd6e2;
     border: 1px solid #cbd6e2;
     position: absolute;
     border-radius: 0.1875rem 0 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     width: 20px;
     top: -10px;
     height: 20px;
     content: '';
     z-index: -1;
 }

 .sub-menu ul:after {
     left: 31px;
     background-color: #fff;
     position: absolute;
     top: -9px;
     border-radius: 0.1875rem 0 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     width: 20px;
     height: 20px;
     content: '';
     z-index: -1;
 }

 .sub-menu ul li {
     width: 100%;
     float: left;
     padding: 0;
     background: #fff;
     border-bottom: 1px solid #efefef;
 }

 .sub-menu ul li:last-child {
     border-bottom: none !important;
 }

 .sub-menu ul li a {
     width: 100%;
     float: left;
     padding: 7px 0px;
     text-indent: 15px;
 }

 .sub-menu ul li a:hover {
     color: #1f6d9e;
 }

 .sub-menu ul.active {
     z-index: 9;
     transform: translateY(0);
     visibility: visible;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -moz-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -ms-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
 }

 .child-submenu-btn {
     display: none;
 }

 .child-sub-menu {
     position: relative;
 }

 .sub-menu .child-sub-menu-drop-down {
     position: absolute;
     right: -100%;
     top: 0;
     left: 100%;
     visibility: hidden;
     z-index: -1;
     -webkit-transform: translateY(100px);
     -moz-transform: translateY(100px);
     -ms-transform: translateY(100px);
     -o-transform: translateY(100px);
     transform: translateY(100px);
     background-color: #fff;
     border: 1px solid #cbd6e2;
     border-radius: 0.1875rem;
     box-shadow: 0 1px 24px rgba(45, 62, 80, 0.12);
     width: 220px;
 }

 .sub-menu .child-sub-menu-drop-down.child-active {
     z-index: 9;
     transform: translateY(0);
     visibility: visible;
     -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
     -o-transform: translateY(0px);
     transform: translateY(0px);
     -webkit-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -moz-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -ms-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     -o-transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
     transition: opacity 0.2s, visibility 0.2s, transform 0.2s;
 }

 .child-submenu-btn {
     position: absolute;
     right: 0;
     width: 45px;
     height: 45px;
     background: #fff;
     border: none;
     box-shadow: none !important;
     cursor: pointer;
     z-index: 99;
 }

 ul.child-sub-menu-drop-down:before,
 ul.child-sub-menu-drop-down:after {
     display: none
 }

 .child-menu-arrow {
     position: relative
 }

 .sub-menu-setting > li.child-sub-menu > a.child-menu-arrow:before {
     content: "";
     position: absolute;
     display: block;
     width: 0;
     height: 0;
     border-bottom: 4px solid #242a36;
     border-right: 4px solid #0000;
     border-left: 4px solid transparent;
     right: 15px;
     top: 22px;
     transform: rotate(90deg);
     -webkit-transition: 0.2s time;
     -moz-transition: 0.2s time;
     -ms-transition: 0.2s time;
     -o-transition: 0.2s time;
     transition: 0.2s time;
 }

 .quote-btn {
     background: #06c580 !important;
     font-size: 16px;
     letter-spacing: 1px;
     text-decoration: none;
     padding: 15px 28px 15px 20px !important;
     border-radius: 3px;
     color: #fff !important;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
 }

 nav .toggle {
     display: none;
 }

 .nav-collsaped {
     position: fixed !important;
     background-color: #fff;
     left: 0 !important;
     transition: 0.5s;
 }

 .overlay {
     display: none;
     z-index: -1;
     position: fixed;
     left: 0;
     top: 70px;
     background-color: rgba(0, 0, 0, 0);
     transition: 5s;
 }

 .body-overlay {
     background-color: #000;
     display: inline !important;
     transition: 5s;
     opacity: 0.7;
 }

 .change .bar1 {
     -webkit-transform: rotate(-45deg) translate(-5px, 0px);
     -moz-transform: rotate(-45deg) translate(-5px, 0px);
     -o-transform: rotate(-45deg) translate(-5px, 0px);
     -ms-transform: rotate(-45deg) translate(-5px, 0px);
     transform: rotate(-45deg) translate(-5px, 0px);
     width: 15px;
 }

 .change .bar3 {
     -webkit-transform: rotate(45deg) translate(-5px, 0px);
     -moz-transform: rotate(45deg) translate(-5px, 0px);
     -o-transform: rotate(45deg) translate(-5px, 0px);
     -ms-transform: rotate(45deg) translate(-5px, 0px);
     transform: rotate(45deg) translate(-5px, 0px);
     width: 15px;
 }


 .quote-btn1 a {
     color: #fff !important;
 }

 ul {
     padding: 0
 }

 /**responsive style start**/

 /**responsive style end**/

 @media (max-width: 992px) {

     .menu-arrow1:before {
         border-bottom: 4px solid #565656;
         top: 22px;
     }

     .child-submenu-btn {
         display: block;
     }

     header {
         height: 70px;
         padding: 0 5px;
         box-sizing: border-box;
     }

     .navigation-brand {
         top: 16px;
     }

     .navigation-brand img {
         width: 165px;
     }

     nav .toggle {
         display: inline-block;
         background-color: transparent;
         border: 1px solid transparent;
         outline: none !important;
         float: right;
         position: relative;
         top: 20px;
         cursor: pointer;
     }

     nav .toggle:hover,
     nav .toggle:focus {
         color: #d6d6d6;
     }

     nav .toggle > div {
         width: 25px;
         height: 2px;
         background-color: #333;
         margin: 6px 0;
         transition: 0.3s;
     }

     nav .navigation-list {
         /* height: 100%;
         left: -300px; */
         /* margin-top: 70px; */
         /* width: 300px; */
         /* position: fixed; */
         transition: 600ms cubic-bezier(0.42, 0, 0, 0.99);
         /* overflow-x: hidden; */
         /* box-shadow: -1px -1px #f1f1f1; */
     }

     nav .navigation-list li {
         display: block;
         padding: 0;
         float: left;
         width: 100%;
         /* border-bottom: 1px solid #efefef; */
     }

     nav .overlay {
         width: 100%;
         height: 100%;
     }

     nav .navigation-list li a {
         /*color: #fff;*/
         float: left;
         width: 100%;
         padding: 10px 0;
         line-height: 25px;
         /* text-indent: 15px; */
     }

     .sub-menu ul:before,
     .sub-menu ul:after {
         display: none;
     }

     .menu-arrow:before {
         right: 15px;
         top: 22px;
     }

     .sub-menu ul {
        position: absolute;
	    top: 100%;
	    left: 0;
	    visibility: hidden;
	    z-index: -1;
	    -webkit-transform: translateY(100px);
	    -moz-transform: translateY(100px);
	    -ms-transform: translateY(100px);
	    -o-transform: translateY(100px);
	    transform: translateY(100px);
	    background-color: #fff;
	    border: 1px solid #cbd6e2;
	    border-radius: 0.1875rem;
	    box-shadow: 0 1px 24px rgb(45 62 80 / 12%);
	    width: 175px;
     }

     .sub-menu ul.active {
         display: block;
     }

     .child-sub-menu-drop-down.child-active {
         display: block;
     }

     .sub-menu ul li {
         background: #e9fafc;
     }

     .quote-btn,
     .order-btn {
         padding: 12px 0 !important;
         background: #fff !important;
         color: #333 !important;
         font-size: 18px !important;
         letter-spacing: 0;
         margin: 0;
         box-shadow: none;
     }

     .sub-menu ul li a {
         text-indent: 20px;
     }

     .sub-menu .child-sub-menu-drop-down.child-active {
         right: inherit;
         top: inherit;
         position: inherit;
         width: 100%;
         border: none;
         box-shadow: none;
         background: #fff;
         left: 0;
     }

     .sub-menu .child-sub-menu-drop-down.child-active li {
         background: #fff;
     }

     .sub-menu .child-sub-menu-drop-down.child-active li a {
         text-indent: 30px;
     }

     button.child-submenu-btn:before {
         content: "";
         position: absolute;
         display: block;
         width: 0;
         height: 0;
         border-bottom: 4px solid #242a36;
         border-right: 4px solid #0000;
         border-left: 4px solid transparent;
         right: 17px;
         top: 20px;
         transform: rotate(180deg);
         -webkit-transition: 0.2s time;
         -moz-transition: 0.2s time;
         -ms-transition: 0.2s time;
         -o-transition: 0.2s time;
         transition: 0.2s time;
     }

     button.child-submenu-btn.child-menu-hover:before {
         transform: rotate(0deg);
         -webkit-transition: 0.2s time;
         -moz-transition: 0.2s time;
         -ms-transition: 0.2s time;
         -o-transition: 0.2s time;
         transition: 0.2s time;
     }

     .quote-btn1 {
         background: #fff !important;
         box-shadow: none;

     }

     .quote-btn1 a {
         color: #333 !important;
     }
 }

.top-header1 .text-logo-tiltle{
	position: relative !important;
    padding: 8px 15px;
    right: unset;
    /* top: 8px; */
    font-size: 16px;
}

.dark-mode .bg-card-ds{
	background-color: #19293D !important;
}
.color-light-gray > a {
    color: #13358F !important;
    font-weight: 500;
}
.page-leftheader {
    display: flex;
    /* margin-top: 25px;
    padding: 14px 0px; */
}
.page-leftheader > li {
    list-style: none;
}
.d-block {
	display: block !important;
}
.btn-sm {
    display: inline-block !important;
}
.pad25 {
    padding: 25px;
}
.dark-mode .card-header:first-child{
	color: #fff !important;
}
.btn-blue-avi{
	background: #000F40;
	color: #fff !important;
}
.label-success, .badge-success {
    color: #2A3F54!important;
    background: #f2f6f9;
    border-radius: 6px;
    font-weight: 500;
    padding: 3px 8px;
}
.line-left-br:after{
	content: "";
    background: #eff0f6;
    display: block;
    position: relative;
    height: 1px;
    width: 100px;
    z-index: 1;
    top: -39px;
    margin-bottom: 10px;
    transform: rotate(90deg);
    right: 73px;
}
.border-bl{
	border-left: 1px solid #d3dfea;
}
.border-br{
	border-right: 1px solid #d3dfea;
}
.border-bt{
	border-bottom: 1px solid #d3dfea;
}
.input-group{
	flex-wrap: unset !important;
}
.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size:13.5px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    color: #2A3F54;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.input-group-addon > i.fa-calendar-alt{
	position:relative;
	top:2px;
}

/*Bootstrap Calendar*/
.datepicker {
    border-radius: 0;
    padding: 0 !important;
}
.datepicker-days table thead, .datepicker-days table tbody, .datepicker-days table tfoot {
    padding: 10px;
    display: list-item;
}
.datepicker-days table thead, .datepicker-months table thead, .datepicker-years table thead, .datepicker-decades table thead, .datepicker-centuries table thead {
    background: #ffffff;
    color:#000F40;
    border-radius: 0;
}
.datepicker-days table thead tr:nth-child(2n+0) td, .datepicker-days table thead tr:nth-child(2n+0) th {
    border-radius: 3px;
}
.datepicker-days table thead tr:nth-child(3n+0) {
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 11px 13px;
}
.datepicker-months table thead td, .datepicker-months table thead th, .datepicker-years table thead td, .datepicker-years table thead th, .datepicker-decades table thead td, .datepicker-decades table thead th, .datepicker-centuries table thead td, .datepicker-centuries table thead th {
    border-radius: 0;
}
.datepicker td, .datepicker th {
/*     border-radius: 50%; */
    padding: 0 12px;
}
.datepicker td, .datepicker th{
	font-size:13px;
}
.datepicker td{
	border:1px solid #eff0f6;
	border-radius: 0px;
}

.datepicker td, .datepicker th.dow{
	font-weight:400;
	padding: 5px 6px;
}
.datepicker th.dow{
	background:#000F40;
    color:#fff;
    border-radius: 0px;
}
.datepicker table thead{
	padding-bottom: 0px !important;
}
.datepicker table tbody{
	padding-top:0px !important;
}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px 8px;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-image: none;
}
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
	background:#23A8BA !important;
	color: #fff;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
	background:#000F40 !important;
	color: #fff;
}
.datepicker .prev, .datepicker .next {
    color: #000F40;
    transition: 0.3s;
    width: 37px;
    height: 37px;
}
.datepicker .prev:hover, .datepicker .next:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.99);
}
.datepicker .datepicker-switch {
    font-size: 18px;
    font-weight: 400;
    transition: 0.3s;
    white-space: nowrap;
}
.datepicker .datepicker-switch:hover {
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
}
.datepicker table tr td span {
    border-radius: 2px;
    margin: 3%;
    width: 27%;
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #3546b3;
  background-image: none;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover{
   color: #23A8BA !important;
    background: unset !important;
}
.dropdown-menu {
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 7px solid rgba(0,0,0,.1);
}
.datepicker-days > table > tfoot {
	display: none;
}



.nav__primary {
/*   position: relative; */
/*   display: inline-block; */
  width: calc(109% - 100px);
  font-size:13.5px;
  color: rgba(255, 255, 255, 0.8) !important;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  text-decoration: none;
  color: #000;
}
#menuElem {
  display: inline-flex;
  background:#fff;
  border-radius: 14px;
  padding: 5px 0px;
}
.nav__primary__links{
	text-align: center;
	margin-top: 10px;
}
#menuElem > li {
	/* width: 180px; */
    text-align: left;
/*     height: 36px; */
    padding: 0px 5px;
    float: left;
}
#menuElem > li > a {
  display: table;
  margin-right: 2px;
  /* flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; */
  padding: 4px 15px;
  width: 100%;
  text-align: center;
}
/* #menuElem > li > a > span { */
/* 	color: #fff !important; */
/* } */
#menuElem > li.active > .pane {
  display: block;
}
.pane {
  display: none;
  position: absolute;
  z-index:2;
/*   left: 0; */
/*   top: 40px; */
  width: auto;
  /* max-width: 1200px; */
  padding: 5px 5px;
  margin: auto;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0 2px 4px rgb(16 35 59 / 15%);
}
.pane ul {
  display: inline-flex !important; 
  flex-direction: row;
  width: 100%;
}
.pane li {
  /* margin-right: 1em; */
 /*  margin-top: .3em;
  margin-bottom: .3em; */
  flex: 1;

}
.pane a {
	display: block;
	text-align: left;
}
.pane img {
  margin-right: 1em;
}
.pane li p {
  margin-top: 1em;
}
.pane li:hover > a {
  color: #416b83;
}
.pane ul ul {
  display: flex;
  flex-direction: column;
}
.pane-section > li > a {
  display: block;
  font-weight: bold;
  border-bottom: 2px solid  #23a8ba;
  padding: 10px 15px !important;
}
.pane-section > li > a:hover{
   background: #f4f5fc;
}
.has-children ul > li > a{
	padding: 10px 5px;
	/* margin-top:5px;
	margin-bottom:5px; */
}
.has-children ul > li > a:hover {
   background: #23A8BA;
   color: #fff !important;
}
/* .child-menu li > a:after{ */
/* 	content: '\e048'; */
/*     padding-right: 10px; */
/*     padding-left: 10px; */
/*     position: relative; */
/*     font-family: typicons !important; */
/*     opacity: .6; */
/*     right: 0px; */
/*     float: right; */
/* } */
ul.arrow-menu:before{
	content: "";
    position: absolute;
    top: -5px;
    left: 35% !important;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    border-top-color: #e8e8f7;
    border-left-color: #e8e8f7;
    transform: rotate(45deg);
    background-color: #ffffff;
}
ul.pane-section:before{
	content: "";
    position: absolute;
    top: -5px;
    left: 34%;
    width: 15px;
    height: 15px;
    border: 1px solid transparent;
    border-top-color: #e8e8f7;
    border-left-color: #e8e8f7;
    transform: rotate(45deg);
    background-color: #ffffff;
    z-index: -1;
}
.pane-section > li > ul {
  margin-top: 1em;
}
.nav-tile {
  display: flex;
  flex-direction: column;
  flex: 0 0 16rem;
  margin-right: 1rem;
  border-right: 1px solid;
  position: relative;
  z-index: 7;
  padding: 1rem;
}
.nav-tile:hover {
  background-color: #eee;
  cursor: pointer;
}

.tile-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
li.has-children>a .horizontal-icon {
	position: relative;
	top: 2px;
	left: 10px;
	font-size: 12px;
/* 	color: rgba(255, 255, 255, 0.8) !important; */
}
.no-linebt > a{
	border-bottom: 0px !important;
}
.witdh-200 > a{
	width: 200px;
	margin: auto;
}


.horizontalMenu-list > li a.active{
	color: #000F40 !important;
	background: #f3fbfe; 
    text-decoration: none;
    border-radius:10px;
    /* border-bottom: solid 3px #000F40; */
}
.horizontalMenu-list > li a:hover{
	color: #000F40 !important;
	background: #f3fbfe;
	border-radius: 10px; 
    text-decoration: none;
    /* border-bottom: solid 3px #000F40; */
}
.horizontalMenu-list > li a > i{
	font-size: 14px;
	padding:1px 9px;
}
.horizontalMenu-list > li a.active > i,
.horizontalMenu-list > li a:focus > i,
.horizontalMenu-list > li a:hover > i{
	color: #fff !important;
	border-radius: 8px;
	background: #000F40;
}
.horizontalMenu-list > li a.active > i.fa-chevron-down,
.horizontalMenu-list > li a:hover > i.fa-chevron-down,
.horizontalMenu-list > li a:focus > i.fa-chevron-down{
	background: unset;
	color: #000F40 !important;
	width: unset;
    height: unset;
}
.pane-section > .child-menu a:hover{
	border-radius:0px !important;
}
body.color-horizontal .horizontalMenu-list > li a.active{
	color: #23A8BA !important;
    text-decoration: none;
    border-radius:10px;
    /* border-bottom: solid 3px #000F40; */
}
body.color-horizontal .horizontalMenu-list > li a{
	color: #23A8BA !important;
    text-decoration: none;
	padding:1px 9px;
}
body.color-horizontal .horizontalMenu-list > li a i{
	font-size: 14px;
	padding:1px 9px;
}
body.color-horizontal .horizontalMenu-list > .pane li{
	margin-bottom: .5em;
    flex: 1;
} 
body.color-horizontal .has-children ul > li > a{
	padding:5px 5px;
}
body.color-horizontal .horizontalMenu-list > li a:hover{
	color: #23A8BA !important;
    background: #f3fbfe;
	border-radius: 10px; 
    text-decoration: none;
    /* border-bottom: solid 3px #000F40; */
}

body.color-horizontal .horizontalMenu-list > li a.active > i,
body.color-horizontal .horizontalMenu-list > li a:hover > i,
body.color-horizontal .horizontalMenu-list > li a:focus > i {
	color: #fff !important;
	background: #23A8BA;
	border-radius: 8px;
}
body.color-horizontal .horizontalMenu-list > li a.active > i.fa-chevron-down,
body.color-horizontal .horizontalMenu-list > li a:hover > i.fa-chevron-down,
body.color-horizontal .horizontalMenu-list > li a:focus > i.fa-chevron-down {
	background: unset;
	color: #23A8BA !important;
	width: unset;
    height: unset;
}
body.color-horizontal li.has-children>a .fa-chevron-down{
	font-size: 12px;
}
body.color-horizontal .pane-section > .child-menu a:hover,
body.color-horizontal .pane-section > .child-menu a.active{
	border-radius:0px !important;
}
.horizontalMenu-list .pane-section .child-menu > ul > li a.active {
	border-bottom: 0px !important;
}

.horizontalMenu-list .pane-section .child-menu > ul > li a:hover{
	border-bottom: 0px !important;
	color: #000F40 !important;
    background: #f3fbfe;
}

body.color-horizontal .horizontalMenu-list .pane-section .child-menu > ul > li a.active {
	border-bottom: 0px !important;
}

body.color-horizontal .horizontalMenu-list .pane-section .child-menu > ul > li a:hover{
	border-bottom: 0px !important;
	color:#fff !important;
	background: #23A8BA !important;
}

@media only screen and (max-width: 991px){
	.dark-horizontal.light-mode .nav__primary__links > #menuElem {
/* 	    background: #000F40; */
	}
	.dark-mode.nav__primary__links > #menuElem {
	    background: #000F40 !important;
	}
}

@media only screen and (max-width: 991px){
	.nav__primary__links > #menuElem {
	    height: auto;
	    min-height: 100%;
/* 	    width: 240px; */
	    padding-bottom: 0;
/* 	    margin-left: -252px; */
    	top: 0px;
	    display: block;
	    text-align: center;
	    background: #fff;
/* 	    position: fixed; */
	}
	#menuElem > li > a{
		text-align: left !important;
	}
	.horizontalMenu-list > li a.active{
		border-bottom: 0px !important;
		background: #dddd;
	}
	.horizontalMenu-list > li a:hover{
		border-bottom: 0px !important;
		background: #dddd;
	}
	#menuElem > li{
		width: 100%;
	}
	.pane ul{
		display: block !important;
	}
	#menuElem > li.active > .pane{
		overflow-y: scroll;
		height: 100vh;
		width:96%;
	}
	.pane li{
		margin-right: 0px;
	}
}
.pane-section > .child-menu.active > a{
	background: unset !important;
	border-radius: 0px;
}
.pane-section > .child-menu a.active{
	border-radius: 0px;
}
body.dark-horizontal .has-children ul li a.active{
	background: #000F40;
	color: #fff !important;
	font-weight: 500;
}
body.color-horizontal .has-children ul li a.active{
	background: unset;
	color: #23A8BA !important;
	font-weight: 500;
}
.btn-ibe-office{
	background-color: #23A8BA;
	padding: 3px 10px;
    margin: 4px 5px;
}
.btn-ibe-office img{
	width: 34px;
}
.btn-ibe-office span{
	color: #fff;
	font-weight: 600;
	font-size:13.5px;
}
.icon-bo{
	width: 28px !important;
}
.dark-horizontal .horizontal-main:before {
    background: rgba(0,24,64,.7);
}
.list-gsa{
	display: inline-flex;
	float: right;
	position: relative;
	right: -16px;
	top: -10px;
}
.list-gsa > li {
    width: 125px;
    text-align: center;
    padding: 5px 10px;
}
@media only screen and (max-width: 700px) and (min-width:300px) {
	.list-gsa > li{
		width: auto !important;
	}
	.list-gsa{
		float:left !important;
	}
}
.list-gsa > li > a.active{
	color: #23A8BA !important;
	/* font-weight: 600; */
}
.list-gsa > li > a:hover{
	color: #23A8BA !important;
}
/* button search */
.search-box{
  width: fit-content;
  height: fit-content;
  position: relative;
}
.input-search-animation{
  height: 36px;
  width: 32px;
  border-style: none;
  padding: 10px 0px 10px 10px;
  /* font-size: 18px; */
  /* letter-spacing: 2px; */
  outline: none;
  border-radius: 0px;
  transition: all .5s ease-in-out;
  background-color: unset;
  padding-right: 40px;
  color:#333;
}
.input-search-animation::placeholder{
  color:#333;
  /* font-size: 18px;
  letter-spacing: 2px; */
  font-weight: 100;
}
.btn-search-animation{
  /* width: 32px;
  height: 32px; */
  padding: 7.5px 14px;
  border-style: none;
  font-size:13.5px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 0px;
  position: absolute;
  right: 0px;
  color: #fff;
  background-color: #000F40;
  pointer-events: painted;  
}
.btn-search-animation:focus ~ .input-search-animation{
  width: 140px;
  border-radius: 0px;
  background-color: #f2f2f2;
  /* border-bottom:1px solid rgba(255,255,255,.5); */
  transition: all 500ms cubic-bezier(0, 0.110, 0.35, 1);
}
.input-search-animation:focus{
  width: 140px;
  border-radius: 0px;
  background-color: #f2f2f2;
  /* border-bottom:1px solid rgba(255,255,255,.5); */
  transition: all 500ms cubic-bezier(0, 0.110, 0.35, 1);
}
/*color button search */
.color-horizontal .btn-search-animation{
  /* width: 32px;
  height: 32px; */
  padding: 7.5px 14px;
  border-style: none;
  font-size:13.5px;
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border-radius: 0px;
  position: absolute;
  right: 0px;
  color: #fff;
  background-color: #23A8BA;
  pointer-events: painted;  
}
.center-style-menu {
	display: flex;
    text-align: end;
    float: right;
}
.top-header1 .list-gsa{
	top: 4px;
}
.header-brand2 .desktop-lgo {
	height: 3rem;
	top: 0px;
}
.style-aviahub{
	top: 21px !important;
    font-size: 14px !important;
    margin: auto !important;
    left: 0;
    right: 0 !important;
    text-align: center !important;
}
.dark-mode ul.list-gsa li a {
	color: #edf0f5 !important;
}
.dark-mode ul.list-gsa li a:hover {
	color: #23A8BA !important;
}
.dark-mode ul.list-gsa li a.active {
	color: #23A8BA !important;
}
.inline-box-style{
	display: -webkit-inline-box;
}
.inline-box-style  button {
	border:0px;
	background: none; 
}
#copyrightYear > i {
	font-size: 11px;
}
.fi{
	margin-right:5px;
}


.customsub{
	width: auto !important;
	padding: 15px 15px;
}
.customsub > li {
	padding: 8px 0px;
}
#options-display > i {
	display:none;
}
#options-display {
	width: 115px;
}
.icon-substyle{
	width: 20px;
	position: relative;
	left: 7.5px;
}
.icon-substyle-dark{
	width: 20px;
	position: relative;
	left: 7.5px;
}
.dropdown-toggle{
	display:flex;
}
.middle-item{
	align-items: center;
	padding: 0.2rem 0rem;
}

@media (min-width: 576px){
	.form-control {
	    display: block;
	}
}

@media (min-width: 300px) and (max-width:700px){
	.d-flex-respon{
		display:block !important;
	}
	.d-flex-respon > .main{
	    float: left;
   		display: flex;
	}
	.d-flex-respon > .style-profile{
	    float: left;
   		display: flex;
	}
	.header.top-header{
		height: auto !important;
	}
	.icon__account_user-new{
		margin:0px;
	}
	.d-flex-respon > .dropdown {
		display: inline-flex;
	}
	#notification_container{
		display: inline-flex;
	}
}

.search-element .btn {
    border-radius: 0;
    padding: 5px 15px 6px 15px;
    border: 2px solid transparent;
    box-shadow: none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background: 0 0;
    color: #fff;
/*     margin-left: -50px; */
    font-size: 15px;
/*     position: absolute; */
    left: 0;
}
.header-search{
	height: 36px;
	padding: 0rem 2rem 0rem 0.55rem;
	float:left;
	width: 196px;
	margin: 6px 0px;
}
.search-element {
	position: relative;
	display: flex;
}
.style-lg-serch {
	width: 100%;
    max-width: 379px;
    display: flex;
/*     height:40px; */
}
.search-element > .search-icon {
    position: absolute;
    top: 12px;
    right: 15px;
}
.language-selected > .fi{
	display:none;
}

@media (min-width: 768px) {
	li.languages > ul.show{
		padding: 10px !important;
		left: 17px !important;
		transform: translate3d(115px, 4px, 0px) !important;
	}
}


.subheader__fac-select.select {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 325px;
    color: #414042;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    display:flex;
}
.select .placeholder{
    position: relative;
    display: block;
    padding: .6rem .6rem;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
    background-color: unset;
    opacity: unset;
}
.select .placeholder:hover {
    color:#23a8ba;
}

.select.is-open ul {
    display: block;
    width:fit-content;
    z-index:2;
    white-space:nowrap;
}
.settingstyle-hv:hover{
	color:#23A8BA !important	
}
.select.select--white .placeholder {
    background: #fff;
    color: #999;
}
.select.select--white .placeholder:hover {
    background: #fafafa;
}
.select ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
 	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	padding: 15px 2px;
}
.select ul.setting-menu{
	right: 137px !important;
    top: -22% !important;
    left: unset !important;
    overflow: unset;
    width: 151px;
}
.select ul.setting-menu li.active{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
.setting-menu:before{
	content: '';
    position: absolute;
    top: 7px;
    right: -14px;
    border-bottom: 10px solid #eff0f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.setting-menu:after{
	content: '';
    position: absolute;
    top: 7px;
    right: -12px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.select ul li a{
    display: block;
    text-align: left;
    padding: 8px 15px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
}
.select ul li a:hover{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px
}
.select ul li .subapp:hover {
    color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
.light-mode .horizontalMenucontainer .subheader__fac-select .icon__account_user-new .icon-substyle-dark {
	display: none
}
.light-mode .horizontalMenucontainer .profile-dropdown .icon__account_user-new .icon-substyle-dark{
	display: none;
}
.spinner{
	margin-left:5px;
}


.toggle-token.form-check {
    display: inline-block;
    padding: 0;
    margin: 0 3px 5px!important;
}
.sr-only, .toggle-token.form-check .form-check-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}
.toggle-token.form-check .form-check-input:checked+.form-check-label {
    color: #fff;
    background-color: #23a8ba;
    border-color: #23a8ba;
}

.toggle-token.form-check .form-check-label {
    position: relative;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #d3dfea;
    border-radius: 5px;
}
.toggle-token.form-check .form-check-label:hover{
	background: #f6f6f6;
}
.page-rightheader{
	float:right;
}
.page-rightheader .breadcrumb {
  padding: 3px 15px 5px 15px;
  background: #fff;
  border-radius: 25px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
  border-radius: 3px;
  font-weight: 400;
  background: transparent;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #bcccda;
    content: "/";
    opacity: 0.5;
}
.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
}

.toggle-token.form-check .form-check-label {
    position: relative;
    padding: .375rem .75rem;
    background-color: #fff;
    border: 1px solid #d3dfea;
    border-radius: 5px;
}
.style-select-drop{
	background: unset;
	border: solid 1px #23A8BA;
    font-size:13.5px;
}
.style-select-drop:hover{
    border: solid 1px #23A8BA;
}
.btn-check:checked+.style-select-drop, .style-select-drop.active, .style-select-drop.show, .style-select-drop:first-child:active, :not(.btn-check)+.style-select-drop:active{
	 border: solid 1px #23A8BA;
}
.bg-success-avia{
	background-color: #23a8ba;
	margin-right:5px;
}
/* select2 css style */
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
	font-size:13.5px;
	padding: 0 0.65em;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option{
	font-size:13.5px;
}
.select2-container--bootstrap-5 .select2-selection{
	padding:.375rem .75rem
}
.form-select:focus{
	box-shadow: unset;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: #23a8ba;
    box-shadow: unset;
}
.select2-container--bootstrap-5 .select2-dropdown{
	border-color: #23a8ba;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: #0d6efd;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered{
	flex-wrap: unset;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){
	background-color: #23A8BA;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
	width:8px;
	height:8px;
}
.bg-pending{
	background-image: url("/aviahub/static/images/bg-pend-a06babd5728aeb3e1e248c439dd29b92.png");
	background-size: cover;
    min-height: 565px;
    display: grid;
    vertical-align: middle;
    align-items: center;
}
.dinline-block{
	display:  inline-block !important;
}
.btn-w-m-longtext{
	width: 146px;
}
.stylecollapehv > .box-center-style:hover{
    color: #23A8BA;
}
.dropdown-item-span:hover{
	color: #23a8ba;
}
hr.new2 {
  border-top: 1px dashed  #eff0f6;
  opacity: unset;
}
.style-option-dropdw-create:after{
	position: relative;
	right: 0px;
    top: 0px;
    color: #c4c9d6 !important;
}
.style-option-dropdw-create, .style-option-dropdw-create:hover{
	border: 1px solid #d3dfea;
	border-radius: 5px;
}
.style-option-dropdw-create:active, .style-option-dropdw-create:focus{
	border: 1px solid #23a8ba;
}
.style-option-dropdw:after{
	position: absolute;
	right: 22px;
    top: 13px;
    color: #c4c9d6 !important;
}
.style-option-dropdw, .style-option-dropdw:hover{
	border: 1px solid #d3dfea;
	border-radius: 5px;
}
.style-option-dropdw:active, .style-option-dropdw:focus{
	border: 1px solid #23a8ba;
}
.w-49{
	width:49%;
}
.alert-error {
	padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f9f2f4;
    border-color: #c7254e;
    color: #c7254e;
}
.alert-success{
	padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #eafaee;
    border-color: #28a745;
    color: #28a745;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
	--bs-table-accent-bg: transparent !important;
}
button.toggle{
	background: #fff;
    border: 0px;
    color: #2A3F54;
    border-radius: 40px;
    padding: 0px 5px !important;
    height: 29px;
}
.card-header-tittle{
    border-bottom: 1px solid #23A8BA;
    color: #23A8BA;
}
/* style select 2 */
.select2-container--default .select2-selection--multiple{
	border: 1px solid #d3dfea !important;
	position: relative;
	top:0px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border: 1px solid #23A8BA !important;
	border-radius: 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	padding: 0px 5px !important;
/*     height: 30px; */
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background-color: #000f40 !important;
    border: 1px solid #000f40 !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: #000f40 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #999;
}
/****************/
nav > div.pagination{
	padding: 6px 12px 6px 0px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    /* top: 9px !important; */
    /* position: relative; */
/*     display: list-item; */
    display: none;
}
nav > div.pagination > span {
	top:-2px !important;
	position: relative;
}
.pagination > select{
	background: unset !important;
	border: 1px solid #d3dfea;
	padding: 6px;
}
.pagination > .styleresult {
	padding: 5px 1px 1px 0px !important;
	font-size:13.5px;
	    border: 0px;
}
.styleresult{
	padding: 1px 6px!important;
	font-size:13.5px;
	    border: 0px;
}
.styleresult:hover{
	background-color:unset !important;
	color: #23a8ba !important;
}
.styleresult-btn{
	background: #23a8ba;
    border: 1px solid #d3dfea;
    padding: 5px 12px;
    color: #fff;
    border-radius: 5px;
}
.styleresult > input {
    border: 1px solid #9baacf;
    padding: 5px 6px;
    width:54px;
    border-radius: 5px;
    outline: 0;
    color: #424e79;
    opacity: 1;
}
/***style dashobard*****/
h2 {
    width: auto;
    font-size: 18px !important;
    font-weight:400;
}
.margin5 {
    margin-top: -5px;
}
.text-green {
    color: #2dce89 !important;
}
.fa-play {
    font-size: 9px;
    margin-top: 7px;
    position: absolute;
    margin-left: 5px;
}
.mb-1 > .fa-coins{
	margin-right:5px;
}
.text-danger-red {
    color: #ff5b51 !important;
}
.boxproduct {
    padding: 1rem 1rem !important;
}
.pace-inactive {
    display: none;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace .pace-progress {
    background: #23a8ba;
    position: fixed;
    z-index: 2040;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
.btn-white:hover{
	background: #23a8ba;
	color:#fff !important;
}
/***style invoice*****/

table.invoice-table{
	font-size:13.5px;
}
.invoice-table th {
	background-color: #f4f5fb;
	padding: 0.75rem !important;
}
.invoice-table > tr{
	background-color: #f4f5fb;
}
.border-bot{
	border-bottom: 1px solid #dfdfdf;
}
.title-itiner{
	background-color: #f4f5fb;
	padding:0.75rem;
}
.invoice-table .infor-fly{
	padding: 5px 10px !important;
	background-color: #fff;
}
.invoice-table  .result-fly{
	padding: 3px 10px 3px !important;;
	background-color: #fff;
	vertical-align: middle;
}
.boxinf-flight  .invoice-table {
	border: solid 1px #eeeeee !important;
}
.reult-color{
	background-color: #E6FCFF !important;
}
.airlinelogo{
	width: 53px;
    position: relative;
    top: -8px;
}
.invoice-fill {
	border: solid 1px #eeeeee !important;
}

input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-label-md {
  padding-left: 5px;
  padding-top: 2px;
}
.custom-control-label {
  margin-bottom: 0;
  display: block;
  line-height: 25px;
}
.custom-radio .custom-control-label::before {
    border-radius: 50%;
}
.custom-control-label-md::before, .custom-control-label-md::after {
    top: 0.25rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #eff0f6;
    background-color: #fff;
    background-size: 0.5rem;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #23a8ba;
}
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #23a8ba;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
span.red-color{
	color:#FF1818;
	font-size:18px;
}
.btn-apply{
	padding: 0px 5px;
    background: #fff!important;
    color: #23a8ba!important;
    border:solid 1px #23a8ba;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 3px;
}
.btn-apply:hover{
	background: #fff;
	border: solid 1px #009EB0;
	color:#009EB0;
}

.btn-apply-remove{
    background: #fff!important;
    color: #23a8ba!important;
    border:solid 1px #23a8ba;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 3px;
}
.btn-apply-remove:hover{
	background: #fff;
	border: solid 1px #009EB0;
	color:#009EB0;
}


.payment-box{
	padding:10px 15px;
}
.boxpayment-type{
	padding:10px 12px;
	background: #fff;
/* 	background:#f4f5fb; */
/* 	border-top: solid 5px #23a8ba; */
}
.headerpay{
	background:#f6f6f6;
	padding:10px 15px;
}
.btnpaymethod, .btnpaymethod:hover, .btnpaymethod:focus, .btnpaymethod:active{
	border: solid 1px #23a8ba;
	background: #23a8ba;
	color:#fff;
	font-size:13.5px;
	margin-top: 21px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.boxpayment-type  h4 {
	font-size:16px;
}
.totalinvoi{
	background:#E6FCFF;
}
.form-select{
	font-size:14px !important;
}

.form-select:focus {
    box-shadow: unset;
}
.form-select:focus {
    border-color: #23a8ba !important;
    outline: 0;
    box-shadow: none !important;
}
a.btn-success{
	color:#fff !important;
}
label.font-weight-bold{
	font-size:13.5px;
}
table.table-inside {
    margin-bottom: 0px;
}
table.table-inside  th {
	background-color: rgba(0,0,0,.05) !important;
	color:#2A3F54 !important;
	border: 0px !important;
}
table.table-inside  td {
	border: 0px !important;
}
.table-inside>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: #fff !important;
}
.bg-success-style > i.fa-info{
	display:none;
}
.bg-fail-style > i.fa-info{
	display:none;
}
.bg-fail-style:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f071";
	font-size:26px;
	color:#ff1a1a !important;
}
.bg-success-style:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f058";
	font-size:26px;
	color: #23903c !important;
}
.toast{
	visibility: hidden;
}
.toast.show {
	visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 4.9s;
   animation: fadein 0.5s, fadeout 0.5s 4.9s;
}
.toast-container .count-time{
	display:none;
}
.toast-container .btn-close:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f00d";
}
.toast-container .btn-close{
	position: absolute;
	top:22px;
    right: 22px;
    font-size:13.5px;
    color:#fff;
    background:unset !important;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}
.back-button {
/*     display: flex; */
    justify-content: center;
    align-items: center;
/*     float: left; */
    font-weight: 600;
    font-size: 15px;
    padding: 5px 0px;
}
.dark-mode .table-striped>tbody>tr:nth-of-type(odd)>*{
	 color: inherit;
}
.select2-container .select2-search--inline .select2-search__field {
	margin-top: 0px !important;
    padding: 5px !important;
}
.select2-container{
/* 	width: inherit !important; */
/*     display: initial !important; */
	width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
/*     top: 23px !important; */
    right: 9px !important;
}
.select2-container--open .select2-dropdown{
	top:0px;
}
select.form-select{
	height:37px;
	border-radius: 4px;
	border:1px solid #d3dfea;
}
.form-paymethod{
	display: flex;
    vertical-align: middle;
/*    align-items: center; */
}
.title-paymethod{
/* 	background: #e6ebff; */
	font-size:18px;
	padding:5px 0px;
	text-transform: uppercase;
	font-weight:600;
}
.button-group{
	margin-top:20px;
}
.btn-add-item {
	background:#fff;
	border:solid 1px #23A8BA;
	color:#23A8BA !important;
	font-size:17px;
	border-radius: 4px;
	padding: 9px 11px;
	margin-top:5px;
}
.btn-add-item:hover, .btn-add-item:focus, .btn-add-item:active{
	background: #23A8BA;
	color:#fff !important;
	font-size:17px;
	border: solid 1px #23A8BA;
}
.btn-remove-item{
	background: #fff;
	border: solid 1px #23A8BA;
	color:#23A8BA !important;
	font-size:13.5px;
	border-radius: 4px;
	padding: 10px 11px;
}
.btn-remove-item:hover, .btn-remove-item:focus, .btn-remove-item:active{
	background: #fff;
	border: solid 1px #23A8BA;
	color:#23A8BA !important;
	font-size:13.5px;
}
div.datepicker-container{
	width: inherit;
}
div.datepicker-container input.hasDatepicker{
	border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
div.datepicker-container input.form-control{
	border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
/****stylecheckbox-select(thay the multi khi can)*****/
.toggle-next {
  border-radius: 0;
}

.ellipsis {
  text-overflow: ellipsis;
  width: 100%;
/*   white-space: nowrap; */
  overflow: hidden;
  text-align: left;
  border-radius: 4px;
}

.apply-selection {
  display: none;
  width: 100%;
  margin: 0;
  padding: 5px 10px;
/*   border-bottom: 1px solid #ccc; */
  border-top: 1px solid #ccc;
}
.apply-selection .ajax-link {
  display: none;
}

.checkboxes {
  margin: 0;
  display: none;
  border: 1px solid #d3dfea;
  border-top: 0;
  position: absolute;
  background: #fff;
  padding: 0px 11px;
}
.checkboxes .inner-wrap {
  padding: 10px 10px;
  max-height: 140px;
  overflow: auto;
  border-top: 1px solid #d3dfea;
  display: flex;
}
.inner-wrap div {
	padding:5px 0px;
/* 	width:100%; */
	display:block;
}
.inner-wrap div span {
	padding:0px 10px 0px 0px;
}
.checkbox-style{
	position: relative;
/*     top: -0.375rem; */
    margin: 0 0.5rem 0 0;
    cursor: pointer;
}
.checkbox-style:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none;
}
.checkbox-style:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2;
}
.checkbox-style:after {
    content: "" !important;
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer;
}
.label-success, .badge-success {
    color: #2A3F54!important;
    background: #f2f6f9;
    border-radius: 6px;
}
table.servicefee >thead>tr>th{
	vertical-align: top !important;
}
.text-center-invoice{
	text-align: center;
}
.btn-success-excel{
	transition: all 0.5s ease;
    background: #fff;
    border: 1px solid #267248;
    color: #267248 !important;
}
.btn-success-excel i{
	font-size:15px;
}
.btn-success-excel:hover, .btn-success-excel:active, .btn-success-excel:focus{
	background: #267248;
	border: 1px solid #267248;
	color:#fff !important;
}
.border-ra-left{
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}
.border-ra-right{
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
}

@media (min-width:300px) and (max-width:700px){
	.select2-container{
		display: block !important;
	}
	.card-body .col-sm-10{
		width:100%;
	}
	.card-body .col-sm-2{
		width:100%;
	}
	.card-body .col-sm-10 .col-sm-9 {
		width:100%;
	}
	.card-body .col-sm-10 .col-sm-3 {
		width:100%;
	}
	.card-body .col-sm-10 .col-sm-9 .col-sm-4 {
		 margin-bottom: 0.5rem !important;
	}
	.card-body .col-lg-10 .row .col-sm-3{
	    margin-bottom: 0.5rem !important;
	}
	.card-body .col-lg-2 .mx-auto{
		display: flex;
    	width: -webkit-fill-available;
	}
	.card-body .col-sm-2 button.mx-auto{
		display: flex;
    	width: -webkit-fill-available;
	}
	.card-body .justify-content-md-center .col-sm-7 {
		width:100%;
	}
	.pagination{
		display: block;  
	    padding: 0;      
	    margin: 0;      
	    width: 100%; 
	}
	.pagination li.page-item:first-child{
		width: 100%;
		max-width:350px;
		    display: block;
		
	}
	.pagination li.page-item{
		margin-bottom:5px;
		max-width:350px;
		display: table-cell;	
	}
	.pagination li{
		max-width:250px;
		display: table-cell;
	}
	.icon__account_user-noti{
		margin: unset !important;
	}
/* 	.pagination li .btn{ */
/* 		margin-top:5px; */
/* 	} */
}
@media (min-width:576px) and (max-width:699px){
	.app-content.page-body {
    	margin-top: 15.5rem;
	}
}
/*  Chrome, Safari, Edge, Opera  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type=number] {
  -moz-appearance: textfield;
}

.select2-container--default .select2-selection--single:focus{
	color: #424e79;
    border: 1px solid #23a8ba !important;
    outline: 0;
    box-shadow: none;
}
.dropdown-pax{
	max-height: 350px;
    overflow-y: scroll;
}
[v-cloak]{
	display:none;
}
.btn-group-action{
	background-color: #23a8ba !important;
    border: 0px;
    color: #fff;
    border-radius: 40px;
    padding: 3px 9px !important;
    height: 29px;
    font-size:13.5px;
}
.btn-group-action:hover, .btn-group-action:active, .btn-group-action:focus{
	background-color: #23a8ba !important;
	color:#fff;
	border-color: #23a8ba !important;
}
.btn-create-style{
	background: #d4f3f7;
	color:#23a8ba !important;
	border:solid 1px #23a8ba;
	border-radius: 5px;
}
.btn-create-style:hover, .btn-create-style:active, .btn-create-style:focus{
	background-color: #23a8ba !important;
	color:#fff !important;
	border:solid 1px #23a8ba;
	border-radius: 5px;
}
a.subapp:active {
  background-color: yellow;
}


/* style checkbox */

.checkbox,.radio {
  display: inline-block;
/*   margin-bottom: 15px;  */
  padding: 0px 10px;
  }
  .checkbox:hover,
  .radio:hover {
    cursor: pointer; }
  .checkbox .fa,
  .radio .fa {
    width: 1em; }

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  display: none; 
}
  
  .checkbox input[type="checkbox"] + i:before,
  .radio input[type="radio"] + i:before {
    color: #999;
}
.checkbox input[type="checkbox"] + i.checkallicon:before, .radio input[type="radio"] + i.checkallicon:before {
    color: #fff;
}
.checkbox input[type="checkbox"]:checked + i.checkallicon:before, .radio input[type="radio"]:checked + i.checkallicon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    color: #fff;
    font-size: 18.5px;
}
.checkbox:hover input[type="checkbox"] + i.checkallicon:before,
.radio:hover input[type="radio"] + i.checkallicon:before {
  color: #fff; 
  cursor: pointer;
}

.checkbox:hover input[type="checkbox"] + i:before,
.radio:hover input[type="radio"] + i:before {
  color: #009688; 
  cursor: pointer;
}

.checkbox input[type="checkbox"]:checked + i:before,
.radio input[type="radio"]:checked + i:before {
	font-family: "Font Awesome 5 Free";
	  content: "\f00c";
	  font-weight: 900;
	  color: #009688;
	 font-size:18.5px;  
}

.checkbox input[type="checkbox"]:disabled + i:before,
.checkbox input[type="checkbox"]:disabled:checked + i:before,
.radio input[type="radio"]:disabled + i:before,
.radio input[type="radio"]:disabled:checked + i:before {
  color: #ddd; }

 .fs-20{
 	font-size:20px;
 }
 li.breadcrumb-item.active a:hover{
 	color:#23a8ba !important;
 }
 .card-box{
 	border-radius: 16px;
 	background: #f8f8f8;
 	margin-top:10px;
 	margin-bottom: 10px;
 }
 .card-box .card-header{
 	border-bottom: solid 1px #dadada;
 }
 
 /*  tooltip style */

.tooltipstyle {
  position: relative;
  display: inline-block;
}

.tooltipstyle .tooltiptext {
  visibility: hidden;
  border:1px solid #414042; 
  background-color: #333234;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 0px 15px;
  position: absolute;
  z-index: 10000;
  right: 105%;
  top: 125%;
  left: 50%;
  width: fit-content;
  margin-left: -34px;
  white-space: nowrap;
}

.tooltipstyle:hover .tooltiptext {
  visibility: visible;
  position: absolute;
  font-size:12px;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.linegr{
	border-top: dashed 1px #23a8ba;
}
/* .tooltipstyle .tooltiptext::after { */
/*     content: ""; */
/*     position: absolute; */
/*     top: -61%; */
/*     left: 50%; */
/*     margin-left: -5px; */
/*     border-width: 5px; */
/*     border-style: solid; */
/*     border-color: black transparent transparent transparent; */
/*     transform: rotate(180deg); */
/* } */
.errornotication{
	color: #664d03;
    background-color: #fff3cd;
    border: 1px solid #ffecb5;
    border-radius: 0.25rem;
    padding: 10px 15px;
    margin-bottom: 20px;
    transition: all 0.5s ease;
    animation-name: fadeIn;
}
table.ui-datepicker-calendar thead tr th {
	background: #000F40;
    color: #fff;
    border-radius: 0px;
    font-weight: 400;
    padding: 5px 6px;
    text-transform: uppercase;
    font-size: 13px;
}
.ui-widget-header{
	background: #fff !important;
	font-size: 17px;
    font-weight: 400;
    color: #000F40;
}
.ui-datepicker .ui-datepicker-prev:before {
    color: #000F40 !important;
    width: 37px;
    height: 37px;
    font-size:11px !important;
}
.ui-datepicker .ui-datepicker-prev:hover:before{
	color:#23a8ba !important;
}
.ui-datepicker .ui-datepicker-next:before {
    color: #000F40 !important;
    width: 37px;
    height: 37px;
    font-size:11px !important;
}
.ui-datepicker .ui-datepicker-next:hover:before{
	color:#23a8ba !important;
}
.ui-datepicker-title:hover{
	color:#23a8ba;
}
.ui-widget-header{
	border:0px !important;
}
.ui-datepicker td span, .ui-datepicker td a{
	font-size:13px !important;
	padding: 7px 7px !important;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5 !important;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.ui-datepicker td{
	font-weight: 600;
	width: 20px;
    height: 20px;
    line-height: unset;
    padding:0px !important;
}
#ui-datepicker-div{
  font-family: 'Inter', sans-serif;
 /* font-feature-settings: 'salt' 2; */
  padding: 10px;
}
.ui-datepicker .ui-datepicker-prev{
	left: 11px !important;
}
.ui-datepicker .ui-datepicker-next{
	right: -11px;
}
a.cm.active{
	color: #cca300 !important;
}
.style-list-icon > td > a > i {
	margin:0px 3.5px;
	font-size: 15px;
}
.style-list-icon > td > i:hover{
	color: #23A8BA;
}
.style-list-icon > td > a > i:hover {
	color: #23A8BA;
}
tr.style-list-icon td.show_more:hover{
    background:unset !important;
}
.sa-button-container .confirm{
	background:#dc3545 !important;
}
.sweet-alert .btn-danger:focus{
	box-shadow: unset !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	display:none;
}
img.fitimage{
	width:100%;
	object-fit: contain;
}
.show_more:hover {
	color: #23A8BA !important;
	cursor: pointer;
}
.show_more:hover > i {
	color: #23A8BA !important;
}

.show_more:hover > span {
	color: #23A8BA !important;
}
.bgsm{
	background: #ECF8F9 !important;
}
.style-select-drop-select .select2-container{
	border: 0px !important;
	position: relative;
	margin-top: -8px;
	color:#000F40;
	font-weight:600;
}
.style-select-drop-select .select2-selection{
	border: 0px !important;
	position: relative;
	margin-top: 0px;
	color:#000F40;
	font-weight:600;
}
.style-select-drop-select .select2-selection--single:focus{
	border: 0px !important;
}
.style-select-drop-select .select2-container .select2-selection__arrow{
	position: absolute;
	margin-top: 4px;
	right:-4px !important
}
.style-select-drop-select .select2-container {
	padding: 0px 10px 0px 15px;
	height:37px !important;
	text-align: center;
}
.bggreytable{
	background: #f6f6f6;
}
.width85{
	width:85%;
	margin:auto;
}
.iconpay{
	padding: 14px 0px;
	color: #fff;
	border-radius: 30px;
	background: #000F40;
	font-size:16px;
	margin-top: 13px;
	width: 44px;
    height: 44px;
    text-align: center;
}
.width5{
	width:70px;
}
.linebt{
	border-bottom: dashed 1px #24a8ba;
	padding-bottom: 20px;
}
.textgreenavi{
	color:#23A8BA;
}
.boxpayment-type label.fsize-20.textgreenavi{
	font-size:20px !important;
}
textarea{
	border-radius: 5px;
	border-color: #d3dfea;
}
textarea:focus-visible{
	color: #424e79;
    background-color: #fff;
    border-color: #23a8ba;
    outline: 0;
    box-shadow: none;
    border-radius: 5px;
}
.excelheight{
	height: 35px !important;
}
.btnnewpage{
	border-radius: 50%;
    margin: auto;
    border: 1px solid #eff0f6;
    background: #23A8BA;
    color:#fff;
    padding: 7px 11px;
    position: absolute;
    right: 15px;
    top: 45px;
}
.btnnewpage a i{
	color:#fff;
}
.pad-lft{
	padding-left: 70px;
}
.heightds-same{
	height: 98px;
}
.bgds-invoice{
	background: #CFE2FF;
}
.bgds-invoice:hover{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.scrolltop{
  overflow-x:hidden;
}
.btnstyle-chart a.btn-white{
  padding:0px 12px;
}
.cardpend:hover{
  cursor: pointer;
}
.closecustom:hover{
  cursor: pointer;
}
.user-gds-online{
    color: #02bb47 !important;
}
.user-gds-link{
	text-decoration: underline !important;
	cursor: pointer;
}
.modal-header{
	background: #e6e6e7;
	color:#001141;
	padding:5px 15px;
	display:flex;
	align-items: center;
}
/* .modal-title{ */
/* 	margin-top:5px; */
/* } */
.orclass{
	position: relative;
    right: 8px;
    top: 5px;
    font-size: 14px;
    font-weight: 500;
}
@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
/* 			display: none; */
		}
		.carousel-inner .carousel-item > div:first-child {
/* 			display: block; */
		}
	}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}
	
	
.color-sidebar .slide a{
	color:#333 !important;
}
.carousel-control-next, .carousel-control-prev{
	width:unset;
}
.carousel-item .card:hover .styleshowmodal img{
	border:solid 5px #23a8ba;
	transition-duration: 0.3s;
}
.carousel-item .card:hover label{
	color:#23a8ba;
}
.slide-image{
	width: 215px;
    height: 166px;
} 

    
.checkbox,
.radio {
  display: inline-block;
  margin-bottom: 15px; }
  .checkbox:hover,
  .radio:hover {
    cursor: pointer; }

.indent {
  padding-left: 30px; }
  .indent .icon-checkbox,
  .indent .icon-radio {
    margin-left: -30px; }

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  display: none; }

.icon-checkbox,
.icon-radio {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #ddd;
  position: relative;
  bottom: -3px; }

.checkbox:hover .icon-checkbox,
.radio:hover .icon-radio {
  border-color: green; }
.checkbox input[type="checkbox"] + i, .radio input[type="radio"] + i{
	border: 0px ;
}

.checkbox input[type="checkbox"]:disabled + i,
.radio input[type="radio"]:disabled + i {
  border-color: #eee; }

.checkbox input[type="checkbox"]:disabled:checked + i:after,
.radio input[type="radio"]:disabled:checked + i:after {
  background-color: #999; }
  
.height45{
	height:35px;
}
.infor-fly {
    background-color: #ECF8F9 !important;
}
.style-line {
    background-color: #fff !important;
    border-bottom: 1px solid #eff0f6 !important;
    border-top: 1px solid #eff0f6 !important;
}
td.animated{
	background-color: #f6f6f6 !important;
}
.sumary-balance{
	background: #23A8BA;
	color:#fff;
	padding:0px 10px;
	font-weight:500;
    margin-bottom:10px;
}
.card-header-tittle-blue{
	border-bottom: 1px solid #23a8ba;
    color: #000F40;
}
.btnadd-book{
	border: solid 1px #23a8ba;
    background: #fff;
    color: #23a8ba;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.btnadd-book:hover{
	border: solid 1px #23a8ba;
    background: #23a8ba;
    color: #fff;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.btn-primary-blue{
	border: solid 1px #000F40;
    background: #fff;
    color: #000F40;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.btn-primary-blue:hover{
	border: solid 1px #000F40;
    background: #000F40;
    color: #fff;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.btn-success-solid{
	border: 1px solid #d3dfea;
    background: unset;
    color: #424e79;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.btn-success-solid:hover{
	border: 1px solid #23a8ba;
    background: #23a8ba;
    color: #fff;
    font-size: 13.5px;
    border-radius: 4px;
    width: 100%;
    padding: 6px;
}
.sumpad tr td{
	padding:5px 5px !important;
}
.ipdproforma{
	width: 100px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
    background: unset !important;
    border-radius: 0px !important;
    font-weight: 500 !important;
    padding: 0px !important;
    margin-left: 5px !important;
    margin-top: -5px;
}
.dateprofor{
	float: right;
    margin-left: auto;
    margin-right: 0px;
    display: inline-flex;
/*     width: 39%; */
    white-space: nowrap;
}
.dateprofor:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0dd";
}
.limitwidth{
	width: 14.5% !important;
}
.limitwidth11{
	width: 13.5% !important;
}
@media (min-width:300px) and (max-width:700px){
	.limitwidth{
		width: 100% !important;
	}
	.limitwidth11{
		width: 100% !important;
	}
}
.bg-lightgreen-edit{
	color: #fff;
    background-color: #000F40;
    border: solid 1px #000F40;
	padding: 0px 10px !important;
}
.line-left {
	border-left: solid 1px #fff;
}
.servicefee-td > tr > td.bg-blue{
	background-color:#000F40;
	color:#fff;
	padding:5px 5px !important;
}
.table-balance tr th.balance-noline{
	border: 0px solid !important;
}
tr.balance-grey-bg th{
	background: #f4f5fb !important;
}
.balance-cancel{
	color:#000F40 !important;
}
.inload-fa{
	color:#23A8BA;
	font-size: 17px !important;
	animation-name: bounceIn;
	-webkit-animation-name: bounceIn;
	    animation-duration: 1s;
}
.line-left-black{
	border-left:solid 1px #919191;
}
.wid-75{
	width:75%;
}
.wid-75 .col-sm-6{
	padding:0px 20px;
}
.switch_section span{
	font-size:13px !important;
}
.fontbox{
	padding: 3px 15px;
	border-radius: 30px;
	background: #f1f1f1;
	font-size:13px;
	margin-right:7px;
}
.height-25{
	height:25px;
}
.bg-fees-box{
	background: #ebfcff;
    padding: 10px 15px 20px 15px;
    border-radius: 16px;
}
.fix-top{
	position: relative;
	margin-top: -0.1px;
}
.fromfixtop{
	margin-top: -0.5px;
}
.labelmb-1{
	margin-bottom: 2.5px;
}
.line-right-td{
	border-right:solid 2px #eff0f6;
}
.line-left-td{
	border-left:solid 2px #eff0f6;
}
.listfiveAL{
	list-style: circle;
	padding-left: 20px;
}
.warning-info{
	color: #664d03;
    background-color: #fff3cd;
    border: solid 1px #ffecb5;
    border-radius: 4px;
    padding: 3px 0px;
}
.slider {
    width: 95%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before, .slick-next:before {
    color: #2a2a2a;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{
	color: #23A8BA !important;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{
	color: #23A8BA !important;
}

.popup-trigger{
	cursor: pointer;
}
.detail-bank-info{
	cursor: pointer;
}
.popup-trigger{
	cursor: pointer;
}
/* CSS for the popup card */
.popup-container {
    position: relative;
    display: inline-block;
}
.popup-trigger:hover{
	color:#23A8BA;
}
.popup-content {
   display: none;
   position: absolute;
   background: #fff;
   border: 2px solid #000F40; /* Border style */
   border-radius: 5px; /* Rounded corners */
   padding: 15px;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* Box shadow */
   z-index: 4;
   width: 500px; /* Adjust the width as needed */
   top: -130px;
    right: 30px;
    height: 480px;
    overflow-y: auto;
}

.close-form-pnr:hover{color:#23A8BA;}
.detail-bank-info:hover{color:#23A8BA;}

/* language */
.select-lang .placeholder-lang{
    position: relative;
    display: block;
    padding: .6rem .6rem;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
    background-color: unset;
    opacity: unset;
}
/* .select-lang .placeholder-lang:hover { */
/*     color:#23a8ba; */
/* } */
.dw-language:hover{
	background:#23A8BA;
	color:#fff;
}
.dw-language:hover span.lang{
	color:#fff;
}
.select-lang.is-open ul.language-ds  {
    display: block;
    width:fit-content;
    z-index:2;
    white-space:nowrap;
}
.settingstyle-hv:hover{
	color:#23A8BA !important	
}
.select-lang.select--white .placeholder-lang {
    background: #fff;
    color: #999;
}
.select-lang.select--white .placeholder-lang:hover {
    background: #fafafa;
}
.select-lang ul.language-ds {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
 	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	padding: 15px 2px;
}
.select-lang ul.setting-menu-lang{
	right: 161px !important;
/* 	right: 120px !important; */
    top: 60% !important;
    left: unset !important;
    overflow: unset;
}
.select-lang ul.setting-menu-lang li.active{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
.setting-menu-lang:before{
	content: '';
    position: absolute;
    top: 81px;
    right: -14px;
    border-bottom: 10px solid #eff0f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.setting-menu-lang:after{
	content: '';
    position: absolute;
    top: 81px;
    right: -12px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.select-lang ul li a{
    display: block;
    text-align: left;
    padding: 8px 15px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
}
.select-lang ul li a:hover{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px
}
.select-lang ul li .subapp-lang:hover {
    color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}

.demo_changer .demo-icon{
	margin-left:0px !important;
}
.profile-dropdown .leading-none{
	/* background: #ECF8F9; */
	border-radius: 30px;
	border: 1px solid #eff0f6;
	padding: 6px 10px 6px 15px !important;
}
/* .subheader .select-app{
	border-right: dashed 1px #dadada;
} */
.subheader .subheader__fac-select.select-contri{
	margin-top: 3px;
}
.subheader__fac-select.select-app {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 325px;
    color: #414042;
    vertical-align: middle;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    display:flex;
}
.select-app .placeholder-app{
    position: relative;
    display: block;
    padding: 6px 10px 6px 15px !important;
   /*  margin-top:3px; */
    box-sizing: border-box;
    border-radius: 30px;
    cursor: pointer;
    background-color: #ECF8F9;
    opacity: unset;
    /* margin-right:12px; */
	border: 1px solid #eff0f6;
}
.select-app .placeholder-app:hover {
    color:#23a8ba;
}

.select-app.is-open ul {
    display: block;
    width:fit-content;
    z-index:10;
    white-space:nowrap;
}
.settingstyle-hv:hover{
	color:#23A8BA !important	
}
.select-app.select--white .placeholder-app {
    background: #fff;
    color: #999;
}
.select-app.select--white .placeholder-app:hover {
    background: #fafafa;
}
.select-app ul {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
 	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	padding: 15px 2px;
}
.select-app ul.setting-menu{
	right: 120px !important;
    top: -22% !important;
    left: unset !important;
    overflow: unset;
}
.setting-menu:before{
	content: '';
    position: absolute;
    top: 7px;
    right: -14px;
    border-bottom: 10px solid #eff0f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.setting-menu:after{
	content: '';
    position: absolute;
    top: 7px;
    right: -12px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.select-app ul li a{
    display: block;
    text-align: left;
    padding: 8px 15px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
}
.select-app ul li a:hover{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px
}
.select-app ul li .subapp:hover {
    color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
.slidetext-style{
    left: 15.575rem;
    padding: 0px 15px;
    right: 0;
    background-color: #fff5e0;
    border:solid 1.5px #ffd480;
    color: #664d03;
    max-height: 71px;
    z-index: 1;
}
.slidetext{
    border-radius: 0px 0px 100px 0px; 
    padding: 0px 20px 0px 70px;
    height: 33px;
}



.pulse-noti {
  display: block;
  position: absolute;
  top: 0.1rem;
  right: -0.3rem;
  padding: 1px 4.5px;
  font-size: 8px;
  color: #fff;
  border-radius: 50%;
  background: #ff3333;
  cursor: pointer;
  box-shadow: 0 0 0 rgb(255, 51, 51);
  animation: pulse 3s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 4px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.dropdown-menu-arrow-noti.dropdown-menu-end{
	max-width:340px;
	left: -280px!important;
	right: -32px !important;
}
.notifi-box-content{
	max-height: 417px;
    overflow-y: auto;
}
.dropdown-menu-arrow-noti.dropdown-menu-end:before, .dropdown-menu-arrow-noti.dropdown-menu-start:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 15px;
    border-bottom: 10px solid #23A8BA;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.dropdown-menu-arrow-noti.dropdown-menu-end:after, .dropdown-menu-arrow-noti.dropdown-menu-start:after{
	content: '';
    position: absolute;
    top: -8.5px;
    right: 16px;
    border-bottom: 9px solid #23A8BA;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.title-box{
	background-color: #23A8BA;
	color:#fff;
	padding:10px 15px;
}
.icon__account_user-noti{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: auto;
    border: 1px solid #eff0f6;
    /* background: #ECF8F9; */
    /* box-shadow: 0 2px 4px rgb(16 35 59 / 15%); */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13.5px;
    cursor: pointer;
    color: #000F40;
    transition: all 0.5s ease;
}
.header-notify .nav-link.icon{
	padding:0px;
	margin: 4px 0px;
}
.header-notify .nav-link.icon .fa-bell{
	font-size:17px;
	color:#959595;
}
.dropdown-menu-arrow-noti .small.text-muted a{
	white-space: normal;
}
.noti-tag-a{
	padding: 5px 10px;
	border:solid 1px #fff0;
    align-items: center;
    width: 264px;
}
.noti-tag-a:hover{
	color:#23A8BA !important;
	border-radius:0px;
	background-color: #e9eef6;
}
.noti-tag-a-link:hover{
	color:#23A8BA !important;
}
.line-notifi{
	border-bottom: solid 1px #23A8BA;
}
.list-notifi{
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 66px;
    top: 4px;
    position: relative;
}
/* .show.show-animate{ */
/* 	-webkit-animation-name: fadeIn; */
/*     animation-name: fadeIn; */
/*        -webkit-animation-duration: 2s; */
/*     animation-duration: 2s; */
/*     -webkit-animation-fill-mode: both; */
/*     animation-fill-mode: both; */
/* } */

/* css connector */
.w-icon-46{
	width:32px;
}
.nav-link-icon{
	border-radius: 50px;
	border:solid 1.5px #bfbfbf;
	padding:8px;
	height:44px;
	width:44px;
	margin-right:10px;
}
.connector-tab{
	padding: 0px;
    margin: 0px;
    width: 100%; /* change to test */
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.connector-tab li{
     flex: auto;
}
.customimgtab{
	width: 20px;
	left:4.5px;
	top:2px;
}
.connector-tab li a{
	align-items: center;
    border: 0!important;
    border-radius: 0;
    color: #4a4a4a;
    display: flex;
    height: 58px;
    justify-content: center!important;
    margin: auto;
    padding: 0 20px;
    text-align: left;
    vertical-align: middle;
    background: #dddddd !important;
    margin: 0px;
    width: 100%;
    border-radius: 0px !important;
}
.connector-tab li a.active{
	background-color: #fff  !important;
	font-weight:500;
	color:#000 !important;
	font-size:14px;
}
.connector-tab li a.active .nav-link-icon{
	border:solid 1.5px #23a8ba;
}
.connector-tab li a:hover{
	background-color: #f2f2f2 !important;
}
.connector-tab li a:hover .nav-link-icon{
	border:solid 1.5px #23a8ba;
}
.forgotpss span{
	color:#23a8ba;
	text-decoration: underline;
	position: relative;
	font-weight:500;
	top:10px;
}
.border-groupuser-noti{
	width: 36px;
    height: 36px;
    border-radius: 50%;
    margin:auto;
   	background-color: #23A8BA;
	color:#fff;
	padding:8px;
}
.lineleft-noti{
	border-left: solid 1px #eff0f6;
	margin-left:10px;
}
.line-top-br{
	border-top: dashed 1px #23a8ba;
}
.group-user-noti{
	margin-top:5px;
}
.input-group.w-75{
	width:103px !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	border: solid 0px;
	font-size: 18px;
    font-weight: 400;
    transition: 0.3s;
    width: unset;
}
select.ui-datepicker-month::-ms-expand {display: none; }
select.ui-datepicker-month{
  -webkit-appearance: none;
  appearance: none;
}
select.ui-datepicker-year::-ms-expand {display: none; }
select.ui-datepicker-year{
  -webkit-appearance: none;
  appearance: none;
  margin-left: 3px !important;
}
select.ui-datepicker-month:hover{
	color:#23a8ba;
}
select.ui-datepicker-year:hover{
	color:#23a8ba;
}
select.ui-datepicker-month option, select.ui-datepicker-year option{
	font-size:14px !important;
}
select.ui-datepicker-month option:hover{
	background: #23a8ba;
	color:#fff;
}
select.ui-datepicker-month:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
select.ui-datepicker-year:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: 'Inter', sans-serif;
	font-feature-settings: 'salt' 2;
}
form.inside-btn{
	display:flex;
  	flex-direction:row;
}
form input.input-br-right-nones{
	flex-grow:2;
	border:none;
}
.input-br-right-none{
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
.add-btn-user{
	border-radius:6px;
	margin-left:5px;
	padding:0px 8px;
	white-space: nowrap;
}
.add-btn-user:hover{
	background: #fff;
	color: #23a8ba;
	border:solid #23a8ba 1px;
}
.btn-add-item-user{
	background: #fff;
    border: solid 1px #23A8BA;
    color: #23A8BA !important;
    font-size: 17px;
    border-radius: 4px;
}
.btn-add-item-user:hover{
	background: #23A8BA;
	color:#fff !important;
}
.card-box .table-striped tbody tr:nth-of-type(even){
	background-color: #ffffff;
}
.card-box .table-striped>tbody>tr:nth-of-type(odd){
	background-color: #ffffff;
}
.card-box .table-striped tbody td{
	border: solid 1px #f3f3f3;
}
.selectdeposit{
	font-weight: 500;
	font-size:18px !important;
	max-width: 63px !important;
	padding-top:0px;
	padding-right:12px;
}
/* Transition */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

/* switch */
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	border-radius: 18px;
	width:57px;
	cursor: pointer;
	box-sizing:content-box;
	margin:auto;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.switch-label {
	position: relative;
	display: block;
	height: 22.5px;
	font-size: 12px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
    position: relative;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.switch-label:before {
	content: attr(data-off);
	right: -22px;
	top:5px;
	color: #858585;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: -18px;
	top:5px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background: #23a8ba;
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 1px;
    left: 2px;
    width: 20px;
    height: 20px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 36px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.input-depo{
	width: 30px;
    white-space: nowrap;
    padding: 0px 5px 0px 3px;
}
.selectdepo{
	width: 6px !important;
    text-align: left;
    padding:6px 6px;
    font-size:13.5px;
}
.selectdepo{
	-webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position-x: 98% !important;
  background-position-y: 7px !important;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
}

.customtag{
	position: relative;
	left:-40px;
}
.customtag label{
	font-size: 14px;
    color: #fff;
    background: #23a8ba;
    padding: 4px 0px 4px 40px;
}
.customtag:before{
	content: "";
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 15px solid #1d8896;
    position: absolute;
    bottom: -13px;
}
.customtag:after{
	content: '';
	transform: scaleX(-1);
    width: 40px;
    height: 100%;
	padding:14px 10px;
    background-color: #23a8ba;
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.custicon{
	position: absolute;
    left: -7px;
    top: -5px;
    font-size: 9px !important;
    padding: 0px 16px;
}
.style-list-icon > td > a.custinvoi:hover {
    color: #23A8BA !important;
}

/* countri */
.select-contri .placeholder-contri{
    position: relative;
    display: block;
    padding: .6rem .6rem;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
    background-color: unset;
    opacity: unset;
    font-weight: 400 !important;
}
/* .select-lang .placeholder-lang:hover { */
/*     color:#23a8ba; */
/* } */
.dw-language:hover{
	background:#23A8BA;
	color:#fff;
}
.dw-language:hover span.lang{
	color:#fff;
}
.select-contri.is-open .countrilist {
    display: block;
    width:fit-content;
    z-index:2;
    padding: 20px 15px 0px 15px;
}
.settingstyle-hv:hover{
	color:#23A8BA !important	
}
.select-contri.select--white .placeholder-contri {
    background: #fff;
    color: #999;
}
.select-contri.select--white .placeholder-contri:hover {
    background: #fafafa;
}
.select-contri .countrilist {
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    top: 100%;
    left: 0;
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;
 	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 	padding: 15px 2px;
}
.select-contri .countrilist{
    top: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    right: 12%;
    left: 12%;
    overflow: unset;
}
.select-contri ul li.active{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
.setting-menu-lang:before{
	content: '';
    position: absolute;
    top: 81px;
    right: -14px;
    border-bottom: 10px solid #eff0f6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    transform: rotate(90deg);
    overflow: unset;
}
.select-contri ul li a{
    display: block;
    text-align: left;
    padding: 8px 15px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    white-space: nowrap;
}
.select-contri ul li a:hover{
	color: #fff !important;
    background: #23A8BA;
    border-radius: 0px
}
.select-contri ul li .subapp-lang:hover {
    color: #fff !important;
    background: #23A8BA;
    border-radius: 0px;
}
body.fs-13 h5.group-contri{
	color:#23A8BA;
	padding:5px 10px;
	font-size:15px !important;
}
h5.group-contri{
	color:#23A8BA;
	padding:5px 10px;
	font-size:15px !important;
}
.group-contri:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f0ac";
	font-size:16px;
	margin-right:10px;
}
.dw-choose li{
	list-style: inside;
}
.dw-choose-child{
	line-height: 1.6;
}
.dw-choose-child:hover {
	cursor: pointer;
	color: #23A8BA;
}
.dw-choose-child:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f068";
	font-size:5px;
	margin-right:10px;
	position: relative;
	top: -2px;
}
.line-leftavi{
	border-left: solid 1px #23A8BA;
	flex:auto;
	margin-bottom:25px;
	padding-left:2px;
}
div span.dw-choose-child {
	margin-bottom: 2px;
}
.btn-close-contri{
	border: 0px;
    background: unset;
    position: absolute;
    right: 13px;
    top: 4px;
    font-size:20px;
}
.dw-choose-child.active{
	color:#fff;
	background-color:#000F40;
	padding:0px 15px;
}
.line-leftavi .d-grid{
	padding:0px 15px;
}
.rowmakeflex{
	display: flex;
}
.makeflex{
	flex:auto;
	width:250px;
}
.dw-choose-child.active:before{
	display:none;
}
.select-contri .region{
	top:53px !important;
	right: auto;
    left: auto;
    padding-bottom:0px !important;
}
.dw-statusconnect{
    font-size: 14.5px !important;
}
/* loading popup */
.popup {
  height: 211px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px -6px 81px, rgba(0, 0, 0, 0.22) 0px 61px 76px;  
  position: fixed;
  left: 25%;
  right: 25%;
  margin-top: -100px;
  background: #FFF;
  z-index: 20;
  width: 487px;
  margin: auto;
  border-radius: 16px;
  align-items: center !important;
  display: flex !important;
  top: 35%;
  -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.loader {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 550px;
  height: 211px;
  margin: auto;
  border-radius: 16px;
  border: solid 3px #23a8ba;
}
.content-loading{
    width: 100%;
}
.loader .loader-wrapper-dw {
  text-align: center;
  width: 70%;
  margin: auto;
}
.loader .loader-wrapper-dw span {
  display: inline-block;
  width: 10px; 
  height: 10px;
  border-radius: 50%;
  background: #23a8ba;
  opacity: 0;
  -webkit-animation: loading 3.3s infinite ease-in-out;
          animation: loading 3.3s infinite ease-in-out;
}
.loader .loader-wrapper-dw span:nth-of-type(1) {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.loader .loader-wrapper-dw span:nth-of-type(2) {
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.loader .loader-wrapper-dw span:nth-of-type(3) {
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.loader .loader-wrapper-dw span:nth-of-type(4) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.loader .loader-wrapper-dw span:nth-of-type(5) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
@-webkit-keyframes loading {
  0% {opacity: 0;
  transform: translateX(-180px);
  }
  33% {opacity: 1;
  transform: translateX(0px);
  }
  66% {opacity: 1;
  transform: translateX(0px);
  }
  100% {opacity: 0;
  transform: translateX(180px);
  }
}
@keyframes loading {
  0% {opacity: 0;
  transform: translateX(-180px);
  }
  33% {opacity: 1;
  transform: translateX(0px);
  }
  66% {opacity: 1;
  transform: translateX(0px);
  }
  100% {opacity: 0;
  transform: translateX(180px);
  }
}
.logo-waiting{
    width: 205px;
}
.popup h2.text-normal{
    text-transform: none;
    font-weight: 500;
    font-size:18px !important;
}
.mirror-bg-load:before{
  content:"";
  position: fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100vh;
  background-color: #000;
  opacity: 0.5;
  z-index: 1;
  overflow-y: hidden;
}
.status-online{
	color: #02bb47;
}
.status-offline{
	color: #e39f00;
}
.status-warning{
	color: #e39f00;
}
.nav-pill-dw .nav-link.active{
	color: #23a8ba;
    background-color: #fff;
    border-left: solid 5px #23a8ba; 
    font-weight:600;
}
.nav-pill-dw .nav-link {
    border-radius: 0px;
    background-color: #f8f8f8;
    border-left: solid 5px #f8f8f8; 
    padding: 10px 20px;
    font-size: 15px;
    border-bottom: 1px solid #eff0f6;
}
.nav-pill-dw .nav-link:last-child{
	border-bottom: 0px;
}
.nav-pill-dw .nav-link:hover{
	color: #23a8ba;
}
.line-left{
	border-left:1px solid #eff0f6;
}
.custom-table-dw{
	width:100%;
	font-size:13.5px;
	background-color: #fff;
	margin: auto;
}
.custom-table-dw tbody tr:nth-of-type(odd) {
    background-color: #fff !important;
}
/* .custom-table-dw tbody tr:nth-of-type(even) { */
/*     background-color: #fff !important; */
/* } */
.custom-table-dw tfoot tr:nth-of-type(odd) {
    background-color: #fff !important;
}
.custom-table-dw tfoot tr:nth-of-type(even) {
    background-color: #fff !important;
}
.custom-table-dw tfoot tr td{
	font-weight:normal;
	background-color: #ECF8F9;
}
table.custom-table-dw td{
	padding:8px 7px !important;
	border: 0px !important;
/* 	border-bottom:1px solid #eff0f6 !important; */
}
table.custom-table-dw td.notopbd{
	border-top: 1px solid #eff0f6 !important;
	background-color: #ECF8F9 !important;
	padding: 8px 7px !important;
}
table.custom-table-dw tr.cancel-bk td.notopbd{
	padding: 0px 7px 7px 7px !important;
}
table.custom-table-dw thead td.line-bt{
	border-bottom: 1px solid #eff0f6;
}
.custom-table-dw th{
 	background-color: #fff !important;
 	color:#333 !important;
 	border-bottom: 1px solid #eff0f6;
 	padding:8px 7px !important;
}
.bg--white{
	background-color: #fff !important;
	background: #fff !important;
}
.link-pnr{
	color: #23a8ba !important;
	font-weight: 500;
}
.link-pnr:hover{
	color:#29c2d6 !important;
}
.text-sub{
	vertical-align: sub !important;
}
.line-bt{
	border-bottom: 1px solid #eff0f6;
}
h4.turquoise-colorheader {
	font-size:15px;
}
.table-modify{
	width:100%;
}
.table-modify tr td.line-bottom{
	border-bottom: 1px solid #eff0f6 !important;
}
.summ{
	background-color: #ECF8F9;
}
.summ table.table-modify tbody tr:nth-of-type(odd){
	background-color: #ECF8F9 !important;
}
.summ table.table-modify tbody tr:nth-of-type(even){
	background-color: #ECF8F9 !important;
}
.penal-input{
	padding:6px;
	border-bottom-left-radius: 5px !important;
	border-top-left-radius: 5px !important;
}
.input-group-pen{
	position: relative;
    display: flex;
    flex-wrap: unset;
    width:55%;
}
.input-group-pen .form-control{
	position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group-pen .form-select{
	position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.input-group-pen:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-pen>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group-pen>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	margin-left: -1px;
}
.input-group-pen>.form-control:focus, .input-group-pen>.form-floating:focus-within, .input-group-pen>.form-select:focus{
	z-index: 5;
}
td.fs-6{
	font-size:15px !important;
}
input.borderradi{
	border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.linetb{
	border-top: 1px solid #eff0f6;
	border-bottom: 1px solid #eff0f6;
}
.view-detail{
	color:#23a8ba !important;
}
.view-detail:hover{
	text-decoration: underline !important;
}
/* .custom-table-dw tbody tr.addinfor{ */
/* 	background-color: #ECF8F9 !important; */
/* } */
.custom-table-dw tbody tr.addinfor a{
	background-color: #23A8BA !important;
	width: 40px !important;
	height:40px;
	border-radius:30px;
/* 	border-bottom-left-radius: 22px; */
/* 	border-bottom-right-radius: 22px; */
	color:#fff !important;
    margin: auto;
    align-content: center;
    margin-top: 5px;
}
.custom-table-dw tbody tr.addinfor a:hover{
	border-color: #219bab !important;
    color: #fff !important;
    background: #219bab !important;
}
.addinfor{
	background-color: #23A8BA !important;
	width: 40px !important;
	height:40px;
	border-radius:30px;
/* 	border-bottom-left-radius: 22px; */
/* 	border-bottom-right-radius: 22px; */
	color:#fff !important;
    margin: auto;
    align-content: center;
}

.addinfor-booking{
	background-color: #23A8BA !important;
	width: 110px !important;
	height:40px;
	border-radius:30px;
/* 	border-bottom-left-radius: 22px; */
/* 	border-bottom-right-radius: 22px; */
	color:#fff !important;
    margin: auto;
    align-content: center;
}

.addinfor:hover{
	border-color: #219bab !important;
    color: #fff !important;
    background: #219bab !important;
}

.addinfor-booking:hover{
	border-color: #219bab !important;
    color: #fff !important;
    background: #219bab !important;
}

.title-itiner .addinfor i{
	margin-top: 0px;
}
/* media for ipad */
@media (min-width:768px) and (max-width:1024px){
	.dw-view-ios{
		max-width: 900px;
	}
}
/* media for ipad */
.dw-switch:before{
	right: -28px;
    top: 3px;
}
.dw-switch:after{
	left: -11px;
    top: 3px;
}
.input-group-addon.rounded{
	border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.cust-width{
	width:40%;
	margin-left: 0px !important;
}
.cancelBook{
	border:solid 2px #2A3F54; 
	padding: 2px 7px;
    font-size: 10px !important;
    position: relative;
    top: -2.8px;
    border-radius: 3px;
    line-height:normal;
    display: inline;
    vertical-align: middle;
}
.cancelBook:hover{
	border:solid 2px #23A8BA; 
}
.cancelBook.inload-fa{
	border:solid 2px #23A8BA; 
}
.dw-cancel-icon{
	display: inline;
}
.dw-infor-popup:before{
	 font-family: "Font Awesome 5 Free"; 
	 font-weight: 900; 
	 content: "\f05a";
	 margin-right: 6px;
}


.box-formpax{
	background-color: #F9F9F9;
	padding:10px 15px 20px;
	border-radius: 6px;
}
.onoffswitchDup{
	width:45px !important;
}
.customswitch{
	height:19px !important;
}
.customswitch:before{
	right: 32px !important;
	top: 0.5 !important;
	height:18px !important;
	width:18px !important;
}
.onoffswitch2-checkbox:checked + .customswitch{
	background-color: #23A8BA !important;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label:before{
	border-color: #23A8BA !important;
	right: 0px !important;
}
.btn-add{
	color: #fff;
    transition: all 0.5s ease;
    background: #23a8ba;
    border: 1px solid #d3dfea;
    font-size: 13.5px;
    min-width: 62px;
    height: 37px;
    width: 62px;
    border-radius: 5px;
    margin-top: 1.5rem!important;
}
.btn-add:hover{
	background: #fff;
	color:#23a8ba;
	border: solid 1px #23a8ba;
}
#InVoiceTikcet{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
#DuplicateTicket{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
#auto_booking_info{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
#manual_booking_info{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.addinfor:hover a {
	color:#23a8ba !important;
}
.manu-pro div.datepicker-container input.form-control{
 	border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
.addinfor:hover i{
	color:#fff !important;
}
.addinfor.add:hover i{
	color:#fff !important;
}
.box-paymentinfor{
	background: #ff000017;
    margin: auto;
    width: fit-content;
    padding: 4px 15px;
    border-radius: 4px;
}
.btn-success-pdf{
	transition: all 0.5s ease;
    background: #fff;
    border: 1px solid #af040c;
    color: #af040c !important;
}
.btn-success-pdf i{
	font-size:15px;
}
.btn-success-pdf:hover, .btn-success-pdf:active, .btn-success-pdf:focus{
	background: #af040c;
	border: 1px solid #af040c;
	color:#fff !important;
}


table.servicefee tr.addinfor{
	background-color: #fff !important;
}
table.servicefee tr.addinfor a{
	background-color: #23A8BA !important;
	width: 40px !important;
	height:40px;
	border-radius:30px;
/* 	border-bottom-left-radius: 22px; */
/* 	border-bottom-right-radius: 22px; */
	color:#fff !important;
    margin: auto;
    align-content: center;
    margin-top: 5px;
    display: grid;
}
table.servicefee tr.addinfor td{
	padding:0px !important;
}
table.servicefee tr.addinfor a:hover{
	border-color: #219bab !important;
    color: #fff !important;
    background: #219bab !important;
}
.swal-title-proforma .swal-title{
	font-weight:500;
    background: #e6e6e7;
    color: #001141;
    padding: 10px 15px;
    font-size: 16px;
    color:#333;
    margin-top: 0px;
    text-align: left;
}
.light-mode .custImage{
	width: 16px;
    top: 2px;
    position: relative;
    display:block;
    margin: 0px 2px;
}
.dark-mode .custImage{
	display:none;
}
.dark-mode .custImageDARK{
	width: 14px;
    top: 2px;
    position: relative;
    display: block !important;
    margin: 0px 2px;
}
.light-mode .custImageDARK{
	display: none;
}
.cstd{
	padding-right: 24px !important;
    padding-left: 10px !important;
}
.cust-circle{
	border-radius: 30px;
	border:solid 2px #155724;
	background: #d4edda;
	color: #155724;
	font-size: 18px;
	width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
}
/* .tranformicon{ */
/* 	transform: rotate(-45deg); */
/* } */

@keyframes fadeInLeft {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

body{
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
	   animation-name: fadeInLeft;
}
tr.css-line td.line-bottom{
	border-bottom: solid 1.5px #cccccc !important;
}
.succes-box{
	border:solid 2px #d4edda;
	background: #fff;
	padding: 25px 15px;
	border-radius: 16px;
	height: 90vh;
	display:grid;
}
.succes-box h4{
	color: #04AA6D;
	font-size: 18px;
}
.iconpay-wl{
	height:180px;
	width:180px;
}
.error-box{
	border:solid 2px #fbe0db;
	background: #fff;
	padding: 25px 15px;
	border-radius: 16px;
	height: 90vh;
	display:grid;
}
.error-box h4{
	color: #F26547;
	font-size: 18px;
}
.cs-top{
	margin-top: -90px;
}
.select2-selection__clear {
    float: left !important;
    background: #fff;
    line-height: 35px;
    color: #23a8ba;
    font-size:15px;
    margin-right: 7px;
}
.tagcus:after{
	content: '';
    transform: rotate(180deg) !important;
}
.tagcus label{
	padding-left:30px !important;
}

/* check box
---------------------------------------------------------*/
.form__privacy {
  display: flex;
  align-items: center;
}

/* Default style reset */
#checkbox[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  appearance: none;
}

#checkbox[type="checkbox"] {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
#checkbox[type="checkbox"]::before, [type="checkbox"]::after {
  position: absolute;
  display: block;
  content: "";
}
#checkbox[type="checkbox"]::before {
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border: 2px solid #666;
  border-radius: 3px;
}
#checkbox[type="checkbox"]::after {
  top: 7px;
  left: 6px;
  width: 14px;
  height: 8px;
  border-bottom: 3px solid #23a8ba;
  border-left: 3px solid #23a8ba;
  transform: rotate(-45deg);
  transition: opacity 0.3s;
  opacity: 0;
}
#checkbox[type="checkbox"]:checked::after {
  opacity: 1;
}

.modal-condition{
	text-decoration: underline !important;
	color:#2A3F54;
}
.modal-condition:hover{
	color: #23a8ba !important;
	cursor: pointer;
}
button.btn-disable:disabled{
	background: #e6e6e6;
	border: 1px solid #d3dfea;
	color: #4e4e4e;
}
.cusright:before{
	right:-28px !important; 
}
.cusright:after{
	left: -11px !important;
}
.dateprofor.checkprofor{
	padding: 8px 15px;
	background: #ECF8F9;
	border-left: solid 4px #23a8ba;
}
.dateprofor.checkprofor:after{
	position: relative;
	top:-4px;
}
.customtagRed {
    position: relative;
}
.customtagRed label{
	color: #e60000;
    background: #f8d7da;
    padding: 4px 0px 4px 40px;
}
.customtagRed:before{
	content: "";
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 15px solid #ce8990;
    position: absolute;
    bottom: -13px;
}
.customtagRed:after {
    content: '';
    transform: rotate(180deg) !important;
    width: 40px;
    height: 100%;
    padding: 14px 10px;
    background-color: #f8d7da;
    position: absolute;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.demo_changer .form_holder{
	 scrollbar-width: none;
}
.settings-trigger{
	 cursor: pointer;
}
.settings-trigger:hover{
	color: #23a8ba;
}
.style-centerinvoice i.date-icon{
	position: relative;
	top:-2px;
}



.dedcription-btn {
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    background-color: #fcfcfc;
    color: #23a8ba !important;
    text-align: center;
    padding: 8px 0;
    transition: all 0.3s;
    margin: 25.5px 0px 0px 0px;
   	border: 1px solid #d3dfea;
}
.dedcription-btn .btn-icon {
    background-color: #ffa000;
    width: 85px;
    height: 36.5px;
    float: left;
    position: absolute;
    border-radius: 5px;
    left: 0px;
    top: 0px;
    transition: all 0.3s;
}
.book {
    background-color: #23a8ba !important;
}
.btn-icon i {
    position: absolute;
    right: 49px;
    top: 12px;
    color: #fff;
}

.btn-icon::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 38px solid #fcfcfc;
    border-left: 40px solid transparent;
    position: absolute;
    top: 0px;
    right: 0px;
}
.name-descripeion {
    position: relative;
    z-index: 9999;
}
.dedcription-btn:hover .btn-icon {
  width: 100%;
  border-radius: 5px;
}
.dedcription-btn:hover .btn-icon::after {
  display: none;
  opacity: 0.1;
}
.dedcription-btn:hover {
  color: #fff!important;
}
hr{clear: both;}

/* @media (min-width: 1200px) { */
/*     .container, .container-lg, .container-md, .container-sm, .container-xl { */
/*         max-width: 1300px; */
/*     } */
/* } */
.nopadlr{
	padding-left:0px !important;
	padding-right:0px !important;
}
.tb-switch:before{
	top:2px;
}
.tb-switch:after{
	top:2px;
}
.dflex-inline{
	text-align: center;
	display: inline-flex;
}
tfoot tr.addinfor:hover{
	border-color: #eff0f6  !important;
}
.textarea {
  display: block;
  width: 100%;
  overflow: hidden;
  resize: both;
  min-height: 38px;
  line-height: 20px;
  border: 1px solid #d3dfea;
  border-radius: 4px;
  padding: .375rem .75rem;
  font-size:13.5px;
}
.textarea:focus-visible{
	outline: none !important;
    border-color: #23a8ba;
  border: solid 1px #23a8ba !important;
}
.textarea[contenteditable]:empty::before {
  color: gray;
}
.tagtaxes{
	background: #ffe6b3;
    width: auto;
    height: 30.9px;
    padding: 7.5px 25px;
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    text-align: center;
    position: relative;
    margin-left:15px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.tagtaxes:after{
	content: '';
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 13px solid #ffe6b3;
    width: 31px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -24px;
    top: 6px;
}
.cusclose{
	position: absolute;
    left: -2px;
    top: 7px;
    font-size: 17px;
    z-index: 1;
    cursor: pointer;
}
.cusclose:hover{
	color:#ff4d4d !important;
}
.w-switch{
	width: 97px;
}
.w-switch .switch-input:checked ~ .switch-handle{
	left: 40px;
}
.w-switch .switch-label:after{
	left:-29px;
}
.w-switch .switch-label:before{
	right: -29px;
}

/* RADIO CHECK BOX */
.box-checkradio{
/* 	border: solid 1px #cfcfcf; */
	padding:5px 10px;
	border-radius:4px;
	width:fit-content;
}
.line-right{
	border-right: solid 1px #d3dfea;
}
input.checkRadio[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label.labelRadio {
  position: relative;
  display: inline-block;
  line-height: 1.5em;
  padding: 0 0 0 2em;
  cursor: pointer;
}
label.labelRadio::before,
label.labelRadio::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
}
label.labelRadio::before {
  content: "";
  border: 2px solid #cfcfcf;
  border-radius: 20%; 
}

/* Radio */
input.checkRadio[type="radio"] + label::before {
  border-radius: 50%;
}
input.checkRadio[type=radio] + label::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #fff;
  border: 7px solid #23A8BA;
  border-radius: 50%;
}
/* :checked */

input.checkRadio[type="radio"]:checked + label::before {
  background: #fff;
  border-color: #fff;
}

input.checkRadio[type=radio] + label::after {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

input.checkRadio[type=radio]:checked + label::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Transition */
label.labelRadio::before,
label.labelRadio::after {
  -webkit-transition: .25s all ease;
  -o-transition: .25s all ease;
  transition: .25s all ease;
}
.ipdinvoice .select2-container--default .select2-selection--single{
	background-color: unset !important;
	border:0px !important;
}
.ipdinvoice .select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: rgb(255 255 255 / 0%) !important;
	border: 0px !important;
}
.ipdinvoice .select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#fff !important;
	font-weight: 500 !important;
	font-size: 15px !important;
}
.ipdinvoice .select2-container--default .select2-selection--single .select2-selection__arrow{
	right: -13px !important;
	top: 6px !important;
}
.ipdinvoice .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: #fff transparent transparent transparent !important;
}
.custom-fare .p-editor-content{
	height:290px
}
.custom-fare .collapse-fare{
	width: 100%;
    display: block;
    border-bottom:solid 1px #eff0f6;
}
.collapse-fare:hover{
	border-bottom:solid 1px #23a8ba;
}
.collapse-fare:hover label{
	color:#23a8ba;
}
.collapse-fare .fa-chevron-down{
	position: absolute;
	right:22px;
}
.bg-grey{
	background: #f2f2f2 !important;
	color:#333 !important;
}
.bg-light-grey{
	background: #edfdff !important;
	color:#333 !important;
}
.bg-dark-grey{
	background: #ddfbff !important;
	color:#333 !important;
}

.btn-group-action-khk{
    border: 0px;
    color: #fff;
    border-radius: 40px;
    padding: 3px 9px !important;
    height: 29px;
    font-size:13.5px;
}

.bg-success-khk {
	background-color: #23A8BA !important;
}
.bg-light-khk{
	background-color: #dadada !important;
}
.bg-turquoise{
	background-color: #ECF8F9 !important; 
}
.img-kbk{
	margin-left:2px;
}
@media (min-width:300px) and (max-width:900px){
	.mobile-table {
        overflow-x: auto;
    }
}

.notif-payment-request-compo {
	min-width: 340px;
	background-color: #fff;
	border-radius: 4px !important;
    box-shadow: -5px 10px 5px 0px rgba(176, 184, 214, .09), -5px 5px 10px 0px rgba(176, 184, 214, .49);
   
}

@media (min-width: 992px) {
	.modal-lg.modal-rff{
   		 max-width: 925px !important;
	}
}

.ipmanualrefund .select2-container--default .select2-selection--single{
	background-color: unset !important;
	border:0px !important;
}
.ipmanualrefund .select2-container--default.select2-container--disabled .select2-selection--single{
	background-color: rgb(255 255 255 / 0%) !important;
	border: 0px !important;
}
.ipmanualrefund .select2-container--default .select2-selection--single .select2-selection__rendered{
	color:#fff !important;
	font-weight: 500 !important;
	font-size: 15px !important;
}
.ipmanualrefund .select2-container--default .select2-selection--single .select2-selection__arrow{
	right: -13px !important;
	top: 6px !important;
}
.ipmanualrefund .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: #fff transparent transparent transparent !important;
}
.ipmanualrefund .select2-container.select2-container--default {
	width: 48% !important;
}
.ipmanualrefund .select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size: 12px;
	font-weight: normal !important;
    color: #fff;
}

#date_expected_payment::placeholder {
	font-size: 13px;
}

.has-children:hover > .pane {
    display: block !important;
}
.has-children.position-relative .pane{
	right: -156px;
    top: -19px;
}
.has-children.position-relative .pane .pane-section:before{
	transform: rotate(-45deg) !important;
	top: 27px !important;
    left: -6% !important;
}
.color-total{
	color:#23a8ba !important;
}
.color-focused{
	color:#23a8ba !important;
	font-size:16px; 
	font-weight:500;
}
.manualin.checkprofor {
    padding: 8px 15px;
    background: #ECF8F9;
    border-left: solid 4px #23a8ba;
}
.manualin.checkprofor input.ipdinvoice{
	color: #000F40 !important;
}
.manualin {
    margin-left: 0;
    margin-right: auto;
    display: inline-flex;
    width: 33%;
    white-space: nowrap;
} 
.addinfor-book-manual{
	background-color: #fff !important;
    width: 110px !important;
    height: 40px;
    border-radius: 30px;
    color: #23A8BA !important;
    align-content: center;
    margin-left: 10%;
    border: solid 1px #23A8BA;
}
.addinfor-book-manual:hover{
	background-color: #23A8BA!important;
	 color: #fff !important;
}
.custom-table-invoice tbody tr.addinfor a {
    background-color: #23A8BA !important;
    width: 40px !important;
    height: 40px;
    color: #fff !important;
    margin: auto;
    align-content: center;
    border-radius:30px;
    margin-top: 5px;
}
.table-striped.manual-voice>tbody>tr:nth-of-type(odd){
	border-top: 1px solid #eff0f6 !important;
}
.link-pnr.pending{
	color: #969200  !important;
}
.link-pnr.pending p{
	background: #fffbe5;
	border-radius:30px;
}
.link-pnr.geninvoice{
	color: #0779E4 !important;
}
.link-pnr.geninvoice p{
	background: #eaf3fd;
	border-radius:30px;
}
.link-pnr.genfinish{
	color: #23a8ba !important;
}
.link-pnr.genfinish p{
	background: unset;
	border-radius:30px;
}
.btn-apply-gen{
	padding: 0px 5px;
    background: #fff !important;
    color: #23a8ba !important;
    border: solid 1px #23a8ba;
    font-size: 10px;
    white-space: nowrap;
    border-radius: 3px;
}
.flagcontri{
	width: 15px; 
	height: 11px; 
	object-fit: cover; 
	margin-right: 8px; 
	vertical-align: middle;
	margin-top: -2.5px;
    position: relative;
}
table.servicefee-manual-invoice td{
	padding: 10px 5px !important; 
}
.btn-apply-manual-invoice{
    font-size: 10px !important;
    white-space: normal !important;
}
table.tableuser-list tr:nth-of-type(odd),
table.tableuser-list tr:nth-of-type(even){
	background-color:#fff !important;
}
.btn-userlist{
	color: #23a8ba !important;
    background: rgb(234, 249, 251);
    border-radius: 6px;
    font-weight: 500;
    padding: 3px 8px;
    border:solid 1px #23a8ba;
    font-size: 13.5px;
}
.btn-userlist:before{
	font-family: "Font Awesome 6 Pro";
	content: "\f0c0";
	font-weight:300;
	color:#23a8ba;
	margin-right:5px;
}
.link-supports{
	display: block;
    right: 8px;
    bottom: 114px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    position: fixed;
    color: #23a8ba;
    text-align: center;
    background: #fff;
    border: solid 1px #23a8ba;
    font-size: 22px;
    padding: 6px 5px 5px 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.link-supports:hover{
	background: #23a8ba;
}
.link-supports:hover .linksup-btn i.fa-headset{
	color:#fff !important;
}
.linksup-btn{
	margin: 5px;
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    position: absolute !important;
    right: 6px;
    top: -1px;
}
.linksup-btn i.fa-headset{
	font-size:22px;
	color: #23a8ba !important;
}

.is-open ul.setting-menu-lang {
	overflow-y: auto;
    max-height: 211px;
    overflow-x: hidden;
}
.switchbtn .w-switch .switch-input:checked ~ .switch-handle{
	left: 76px;
}
.switchbtn .switch-label{
	white-space: nowrap;
	border: solid 1px #d6d6d6;
}
.switchbtn .switch-handle{
	top: 1.7px;
}