.layout-menu-fixed .layout-menu, .layout-menu-fixed-offcanvas .layout-menu {
	top: auto !important;
	bottom: auto !important;
}
.form-control.custom.me-2.border-radius-100 {
	background: #F5F5F5;
	border: none;
}

.form-control.custom {
	border-radius: 55.0rem;
	height: 43px;
	padding: 0.422rem 2.875rem;
}
.d-inline-flex{
	display: inline-flex;
}
.dropdown-toggle.custom::after {
	margin-left: 1.1em !important;

}
.dropdown-toggle.custom::after {
	margin-top: -2.7em !important;
}
.ti-search.custom::before {
	padding-left: 17px;
	position: absolute;
	padding-top: 9px;
}
.brand-color-bg{
	background: #123656 !important;
}
.brand-color-bg-2{
	background: #169FDB !important;
	transition: all 0.5s !important;
}

.brand-color-text-light{
	color: #BFBFBF !important;
}
.brand-color-text-light.active{
	color: white !important;
}
.dropdown-toggle::after {
	margin-left: 0.8em !important;
	margin-top: 0.02em !important;

}
button.clear-button{
	width: 222px;
	border: 1px solid #FFAFAF;
	color: #EB5757;
	background: white;
	transition: all 0.5s;
}
button.clear-button:hover{
	color: white !important;
	background: #EB5757 !important;
	border: 1px solid #EB5757 !important;
}
.bg-1{
	background: #F56854;
}
.bg-2{
	background: #00A65A;
}
.bg-3{
	background: #00C0EF;
}
.bg-4{
	background: #0073B6;
}
.bg-5{
	background: #3BB6E0;
}
.bg-6{
	background: #21ADFC;
}
.bg-7{
	background: #5C8882;
}
.bg-8{
	background: #00A7CC;
}
.bg-9{
	background: #F4BD00;
}
.bg-10{
	background: #846A00;
}
.bg-11{
	background: #007400;
}
.bg-12{
	background: #D28642;
}


.font-12{
	font-size: 12px !important;
}
.font-13{
	font-size: 13px !important;
}
.font-28{
	font-size: 34px !important;
	font-weight: bold;
}
.text-white{
	color:white !important;
}
.border-radius-1 {
	border-radius: 1em;
}
.position-relative {
	position: relative;
}
.height-182 {
	height: 182px;
}
.bottom-0={
	bottom:0;
}
.right-0{
	right:0;
}
.position-absolute{
	position: absolute;
}
.title {
	border-bottom: 1px solid lightgray;
}
h1, .h1 {
	font-size: 2rem !important;
}
h2, .h2 {
	font-size: 1.5rem !important;
}
h3, .h3 {
	font-size: 1.5rem !important;
}
.uppercase{
	text-transform: uppercase !important;
}

.table-container .table {
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
.bg-custom-green{
	background: #CCF0EB !important;
}
.border-custom-green{
	border: #CCF0EB !important;
}
.bg-custom-green-hover:hover{
	background: #99E8DD !important;
}
.bg-custom-color{
	color: #00B69B !important;
}
.bg-custom-offwhite{
	background: #FAFBFD !important;
}
.border-custom-light{
	border: 1px solid #D5D5D5 !important;
}
.display-inline-block{
	display: inline-block !important;
}
.border-radius-4px{
	border-radius: 4px;
}
.text-red{
	color: #EF3826 !important;
}
.btn:not([class*="btn-label-"]):not([class*="btn-outline-"]) {
	box-shadow: none !important;
	border: none !important;
}
.border-right {
	border-right: 1px solid #D5D5D5 !important;
}
.border-radius-right {
	border-radius: 4px 0px 0px 4px !important;
}
.table-light-custom{
	background: #FCFDFD !important;
}
.dropdown-toggle-filter::after {
	margin-top: -0.25em !important;
}
.font-14{
	font-size: 14px!important;
}
.bi-plus::before {
	content: "\f4fe";
	font-size: 22px;
	padding-right: 6px;
}
.brand-color-bg-2:hover {
	background: #0073A6 !important;
}
.bi-chevron-right::before {
	font-size: 12px;
}
.border-1px {
	border: 1px solid #dfdfdf;
}
/*main old menu*/
.menu-item {
	width: auto !important;
}
/*.menu-item.open > .menu-sub {
	overflow: auto;
	z-index: 9;
	position: fixed;
}*/
.bg-menu-theme {
	 background: none !important; 
}
.menu-toggle::after {
	top: 41% !important;
	rotate: 90deg;
}
.menu-item.open:not(.menu-item-closing) > .menu-toggle::after {
	transform: translateY(-50%) rotate(44deg) !important;
}
.menu-item{
	background: #123656 !important;
}
.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
	background: transparent !important;
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle, .bg-menu-theme .menu-item.active > .menu-link {
	color: #fff !important;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
	background: transparent !important;
	color: white !important;
}
.menu-link.menu-toggle {
	width: fit-content !important;
}
.menu-vertical .menu-inner > .menu-item .menu-link {
	margin: 0 !important;
}
.layout-container {
	display: block !important;
}
.layout-page {
	padding: 0 !important;
	width: auto !important;
}

.navbar{
	z-index: 99999999 !important;
}
#layout-navbar {
	display: none;
}
.bg-13{
	background: #007400;
}
.bg-14{
	background: #A09992;
}
.bg-15{
	background: #F56854;
}
.bg-16{
	background: #0073B6;
}
.bg-17{
	background: #FE9239;
}
.bg-19{
	background: #DB4D39;
}
.bg-20{
	background: #777777;
}
.pt-and-pb {
	padding-top: 10px;
	padding-bottom: 12px;
}
.text-blue{
	color: #0079B7 !important;
}

.bg-custom-blue-hover:hover{
	background: #F2FBFF !important;
}
.text-custom-green{
	color: #00B69B !important;
}
.bg-custom-green-hover:hover{
	background: #F2FFFD !important;
}
.nav-pills .nav-link, .nav-pills .nav-link.active, .nav-pills .nav-link.active {
	background-color: transparent !important;
	color: gray !important;
	border: 1px solid #D5D5D5 !important;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
	background-color: #fff !important;
	color: #414141 !important;
	border: 1px solid #089de9 !important;
}
.table-container td div.border-custom-light {
    width: 86px;
    display: flex !important;
}
.table-container td div.bg-custom-offwhite {
    display: inline-block;
    width: 42px;
    float: inline-start;
}
tbody td div.btn {
    display: block !IMPORTANT;
    width: 104px;
}
.navbar {
    z-index: 2 !important;
}
/*table {
    width: max-content !important;
}*/
section.table-container {
    overflow: auto !important;
    border: 1px solid #d5d5d5;
}
.margin-right--1{
	margin-right: -1px !important;
}
.border-radius-right {
    border-radius: 0 4px 4px 0 !important;
}
.border-radius-left {
    border-radius: 4px 0 0 4px;
}

/*RESPONSIVE=====================================================================================*/
/* Parent submenu position */
.dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -1px;
}

/* Show submenu */
/*.dropdown-menu li:hover > .submenu,*/
.dropdown-menu li .submenu.show {
    display: block;
}
.content-wrapper>div{
	min-height: 100vh;
}
.mobile-view{
	display: none;
}
.bg-purple{
	color: #fff !important;
  background-color: #8b82e8 !important;
}
.hover-bg-info:hover{
	background: rgb(73, 194, 208) !important;
}

.filter-and-action button.btn.btn-outline-primary.waves-effect, .datatables-users td a.btn.btn-sm.btn-primary.waves-effect.waves-light {
	background: #e8eff2;
	border: 1px solid #d2d2d2;
	margin-left: 1em !important;
}

/*.margin-right--1.border-radius-left, .margin-right--1.border-radius-right {
	background: #8b82e8 !important;
	color: white;
	margin: 0 .5em !important;
	border-radius: 4px !important;
	border: #8b82e8 !important;;
}

.margin-right--1.border-radius-left a{
	background: #8b82e8 !important;
	color: white;
	transition: all 0.5s;
}
.margin-right--1.border-radius-left a:hover {
	background: #685dd7 !important;
	color: white;
}*/
.margin-right--1.border-radius-right button {
	background: red !important;
	color: white;
	transition: all 0.5s;
}
.margin-right--1.border-radius-right button:hover {
	background: #df0606 !important;
	color: white;
}
.me-2.waves-effect.waves-light{
	background: #8b82e8;
	color: white;
}
.table-container td.d-flex a.waves-effect.waves-light{
  color: #fff !important;
  background: #8b82e8 !important;
  transition: all 0.5s;
}
.table-container td.d-flex a.waves-effect.waves-light:hover{
  	background: #685dd7 !important;
	color: white;
}
.paginate_button.previous a, .paginate_button.next a{
	padding: .5em 1em;
}
form .btn-group .btn-outline-primary{
	background: green !important;
  	color: white !important;
  	margin-left: .5em !important;
  	transition: all 0.5s;
}
form .btn-group .btn-outline-primary:hover{
	background: #006a00 !important;
}
.dt-layout-cell.dt-start {
	padding: 1em !important;
}
.datatables-users td a.btn.btn-sm.btn-primary.waves-effect.waves-light {
	background: #8b82e8;
	border: 1px solid #d2d2d2;
	color: white;
}
table button.btn-danger, table button.btn-sync {
	color: #fff;
	background-color: #8b82e8 !important;
	border-color: #8b82e8 !important;
	transition: all 0.5s;
}
table button.btn-danger:hover{
	color: #fff;
	background-color: #ea5455 !important;
	border-color: #ea5455;
}
table button.btn-sync {
	color: #fff;
	background-color: #8b82e8 !important;
	border-color: #8b82e8 !important;
	transition: all 0.5s;
}
table button.btn-sync:hover {
	color: #fff;
	background-color: #685dd7 !important;
	border-color: #8b82e8 !important;
}

/*brand colors===========================================START============================================*/

.brand-color-bg-view-profile{
	background: #007BFF !important;
	border: #007BFF !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-view-profile:hover{
	background: #0965c8 !important;
}

.brand-color-bg-edit{
	background: #17A2B8 !important;
	border: #17A2B8 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-edit:hover{
	background: #0A7E91 !important;
}

.brand-color-bg-delete{
	background: #DC3545 !important;
	border: #DC3545 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-delete:hover{
	background: #B51827 !important;
}

.brand-color-bg-assign-role{
	background: #6610F2 !important;
	border: #6610F2 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-assign-role:hover{
	background: #4707AE !important;
}

.brand-color-bg-add-balance{
	background: #FD7E14 !important;
	border: #FD7E14 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-add-balance:hover{
	background: #E86900 !important;
}

.brand-color-bg-submit{
	background: #28A745 !important;
	border: #28A745 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-submit:hover{
	background: #14822D !important;
}

.brand-color-bg-add-and-create{
	background: #0073A6 !important;
	border: #0073A6 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-add-and-create:hover{
	background: #015D86 !important;
}
.brand-color-bg-close{
	background: #6C757D !important;
	border: #6C757D !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-close:hover{
	background: #565A5E !important;
}
.brand-color-bg-active{
	background: #20C997 !important;
	border: #20C997 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-active:hover{
	background: #0FAA7C !important;
}
/*.brand-color-bg-deactive{
	background: #FD7E14 !important;
	border: #FD7E14 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-deactive:hover{
	background: #E86900 !important;
}*/
.brand-color-bg-sync-and-assign-permission{
	background: #123656 !important;
	border: #123656 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-sync-and-assign-permission:hover{
	background: #092339 !important;
}
.brand-color-bg-enable{
	background: #198754 !important;
	border: #198754 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-enable:hover{
	background: #127145 !important;
}
.brand-color-bg-disable{
	background: #db1901 !important;
	border: #db1901 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-disable:hover{
	background: #b91602 !important;
}
.brand-color-bg-cancel-user{
	background: #C94C5C !important;
	border: #C94C5C !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-cancel-user:hover{
	background: #AE3444 !important;
}
.brand-color-bg-online{
	background: #198754 !important;
	border: #198754 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-online:hover{
	background: #0e6c41 !important;
}
.brand-color-bg-offline{
	background: #e57608 !important;
	border: #e57608 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-offline:hover{
	background: #c66200 !important;
}
.brand-color-bg-change-package-and-change-expire{
	background: #6F42C1 !important;
	border: #6F42C1 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-change-package-and-change-expire:hover{
	background: #5523AE !important;
}
.brand-color-bg-live-graph{
	background: #685DD8 !important;
	border:  #685DD8 !important;
	color: white !important;
	transition: all 0.5s;
}
.brand-color-bg-live-graph:hover{
	background: #493CCC !important;
}
/*brand colors===========================================END===============================================*/

@media screen and (max-width:760px){
	.filter-and-action.d-flex {
	display: block !important;
	padding: 0 !important;
	}
	.filter-and-action.d-flex form div.border-right{
		display: block !important;
		margin-bottom: .5em !important;
	}
	.filter-and-action.d-flex select.form-select{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.filter-and-action.d-flex .action-button{
		margin-top: 1em !important;
		margin-bottom: 1em !important;
	}
	.mobile-view{
	display: block;
	}
	.no-mobile-view{
	display: none !important;
	}
	.no-mobile-view form{
	display: none !important;
	}

	.dropdown-toggle::after {
		margin-top: 0.02em !important;
		transform: rotate(-45deg) !important;
	}
	.dropdown-toggle.show::after {
		margin-top: 0.02em !important;
		transform: rotate(45deg) !important;
	}
	.dropdown-item.responsive-dropdown-icon.show .float-end{
		transform: rotate(90deg);
	}
}