@import "bootstrap-5.0.1/bootstrap-5.0.1/dist/css/bootstrap.min.css";
@import "bootstrap-5.0.1/bootstrap-5.0.1/dist/css/bootstrap-utilities.min.css";
@import "bootstrap-icons-1.7.1/bootstrap-icons-1.7.1/bootstrap-icons.css";

:root {
	--color: #0181C7 !important;
	--color-title: #0181C7 !important;
	--color_header_nav: #0181C7 !important;
	--color-login: #FF8011 !important;
	--color-login1: #FFF !important;
	--color-nav-link:#FFFFFF86 !important;
	--color-nav-link-active:#FFFFFF !important;
	--color-nav-link-hover:#FFFFFFDD !important;
	
	--color-menu: #B0B2B4 !important;
	--color-text-menu: #2C3E50 !important;
	--color-menu-select: #0181C7 !important;
	--color-text-menu-select: #fff !important;
	--color-sub-menu: #fff !important;
	--color-text-sub-menu: #2C3E50 !important;
	--color-sub-menu-select:#0181C7a8 !important;
	--color-text-sub-menu-select: #fff !important;
	--color-panel-left:#fff !important;
	--color-panel-right:#eee !important;
}
.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-control {
	padding: 0px;
	margin: 0 ;
	font-size: 0.95rem;
}
.form-label {
	padding: 0px;
	margin: 0 ;
	font-size: 0.95rem;
}
.form-select {
	padding: 0px;
	margin: 0 ;
	font-size: 0.95rem;
}
.form-check {
	padding: 0px;
	margin: 0 ;
}
.btn-outline-secondary{
	margin: 0 ;
	font-size: 0.95rem;
}
a, a:hover, a:visited, a:active {
	color: inherit;
	text-decoration: none;
} 
.navbar-dark .navbar-nav .nav-link {
		color: var(--color-nav-link);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
		color: var(--color-nav-link-active);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
		color: var(--color-nav-link-hover);
}

.h-title, .h5 .h4 .h3{
	color: var(--color-title) !important;
	margin-bottom: 1px;
}
html,body {
	height: 100%;
	font-size: 0.95rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: var(--color);
}
.bg-customer {
	background-color: var(--color) !important;
}
.bg-customer-navbar {
	background-color: var(--color_header_nav) !important;
}
.bg-customer2 {
	background-color: var(--color) !important;
}
.navbar-dark {
	font-size: 1.0rem;
}
.text_login {
	color: var(--color-login) !important;
}
.text_login1 {
	color: var(--color-login1) !important;
}
.text-customer {
	color: #2C3E50 !important;
}
.bg-customer-orange {
	background-color: #F8911F !important;
}
.bg-customer-green {
	background-color: #749646 !important;
}
.bg-customer-problem {
	background-color: #D5E1EC !important;
}

.bg-customer_panel_left {
	background-color: var(--color-panel-left)!important;
}
.bg-customer_panel_right {
	background-color: var(--color-panel-right)!important;
}
.bg-customer_menu {
	color: var(--color-text-menu) !important;
	background-color: var(--color-menu) !important;
}
.bg-customer_menu_select {
	color: var(--color-text-menu-select) !important;
	background-color: var(--color-menu-select) !important;
}
.bg-customer_sub_menu {
	color: var(--color-text-sub-menu) !important;
	background-color: var(--color-sub-menu) !important;
}
.bg-customer_sub_menu_select {
	color: var(--color-text-sub-menu-select) !important;
	background-color: var(--color-sub-menu-select) !important;
}
.bg-customer_tab_order {
	background-color: #e1e1e1 !important;
}
.bg-customer_tab_search_ticket {
	background-color: #e1e1e1 !important;
}
.table-customer {
	--bs-table-bg: var(--color);
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
	color: #fff;
	border-color: #373b3e;
}
.table-customer-cmd {
	--bs-table-bg: var(--color);
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
	color: #fff;
	border-color: #373b3e;
}
td {
	font-size: 0.9rem;
}
.table > :not(caption) > * > * {
	padding: 0.2rem 0.2rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
	padding:2px;
}
.table {
	margin-bottom: 2px;
}
.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 1rem;
	font-size: 0.9rem;
	color: #212529;
	text-align: left;
	background-color: #fff;
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.dropdown-item {
	cursor: pointer;
}
.map-container-2{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	background-size:100%;
}
.map-container-2 iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
	background-size:100%;
}
ul.section {
	padding-left: 0px;
	text-align: center;
}
ul.section > li {
	display: inline-block;
	padding: 10px 20px;
}
ul.section > li > a {
	text-decoration: none;
}