/*html, body {
	height: 100%;
	color: var(--color6);
	background: var(--color5);
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 1px;
	width: 100% !important;
}*/
::placeholder {
  color: #FFF;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #FFF;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #FFF;
}
.color-white{
	color:#FFF;
}
.btn:hover {
	color: #4D6476;
}
.app-search-form {
	position: relative;
	max-width: 600px;
}
.search-btn {
	color: #828d9f;
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 0;
	padding: 0.5rem 1rem;
}
.search-input{
	padding: 10px 15px;
}
.search-btn:hover {
	outline: none !important;
	color: #2BA2D6;
	box-shadow: none;
	background: transparent;
}
#reportrange {
	background: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #ccc;
	width: 100%;
	max-width: 265px;
	color: #666666;
	text-align: center;
}
.DateRangeDiv {
  margin-top: 15px;
}
.box-bg-dashboard{
	background-color: var(--color7);
	color: #FFF;
	padding: 20px 15px;
}
.box-bg-dashboard-2 {
	background-color: #FFF;
	color: var(--color5);
	padding: 10px 10px;
}
.daterangepicker {
	position: absolute;
	color: #333 !important;
}
/*.daterangepicker .ranges li.active {
	background-color: var(--color5) !important;
	color: #fff;
}*/
.title-table{
	font-size: 16px;
}
.table-users{
	color: var(--color8);
	font-size: 14px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: var(--color8);
}
.dataTables_wrapper .dataTables_filter input {
	border: 1px solid var(--color8);
	border-radius: 3px;
	padding: 5px;
	background-color: transparent;
	margin-left: 3px;
	color:  #FFF;
}
:focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}
table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
	position: absolute;
	display: block;
	opacity: 1;
	right: 10px;
	line-height: 9px;
	font-size: .9em;
}
table.dataTable tbody tr {
	background-color: transparent;
	vertical-align: middle;
}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgb(28 54 87 / 35%);
}
table.dataTable.display>tbody>tr.even>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
	/*box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%);*/
	box-shadow: inset 0 0 0 9999px rgb(28 54 87 / 35%);
}
/**
 * 
 * Modal
 * 
 * */
.modal-footerAsignar {
  padding: 0.75rem 0 !important;
}
.btn-primary-white {
  color: #6c757d;
  background-color: #fff;
  border-color: #fff;
}
.btn-secondary {
  color: #fff !important;
  background-color: #9BA1A3;
  border-color: #9BA1A3;
}
.linkTo, .ShowGuia, .ShowTracking{
	cursor: pointer;
	font-weight: 600;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
	background-color: #2AA2D6;
	color: #FFF;
}
.dx-datagrid .dx-row > td {
  padding: 8px 8px;
}
#asignar-list{
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	max-height: 136px;
 	overflow: auto;
}
#asignar-list li {
	padding: 6px 6px;
	background: #f0f0f0;
	border-bottom: #bbb9b9 1px solid;
	color: #2f2f2f;
	cursor: pointer;
}
.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(256,256,256,.2);
	border-radius: 0.3rem;
	outline: 0;
	background-color: var(--color4) !important;
	color: #FFF;
}
#trackingModalBody{
  color: #727272;
}
.modal-bg-white {
  background: #FFF !important;
  color: #6E6E6E;
}
.modal-content-tracking {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(256,256,256,.2);
  border-radius: 0.3rem;
  outline: 0;
  background-color: #F2F2F2 !important;
  color: #FFF;
}
.modalAsignar{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 0px solid rgba(256,256,256,.2);
	border-radius: 0.3rem;
	outline: 0;
	background-color: #414BB2 !important;
	color: #FFF;
}
.modal-headerAsignar{
	border-bottom: 0px solid #dee2e6 !important;
	padding: 1rem 1rem 0;
}
.btn-clase-bit {
	background: var(--color6);
	color: var(--color2);;
	width: auto;
	padding: 12px 15px;
	border-radius: 4px;
	border: inherit;
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
}
.btn-blue-bit:hover {
	/*transform: translate(0px,-2px);*/
	cursor: pointer;
	-webkit-box-shadow: 0px 2px 5px 0px rgb(0 1 1 / 30%);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,1,1,0.3);
	box-shadow: 0px 2px 5px 0px rgb(0 1 1 / 30%);
}
.menu-dashboard {
	padding: 10px;
	border-bottom: 2px solid #2BA2D6;
	background: #2BA2D6;
	color: #FFF;
}
.btn-menu {
	background: transparent;
	border: 0px;
}
.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1050;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	visibility: hidden;
	background-color: var(--color5);
	background-clip: padding-box;
	outline: 0;
	transition: transform .3s ease-in-out;
}
.btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: #000;
	background: transparent !important;
	border: 0;
	border-radius: 0.25rem;
	opacity: .5;
	font-size: 25px;
}
.img-user{
	max-height: 60px;
	padding-left: 5px;
}
.offcanvas-start {
	top: 0;
	left: 0;
	width: 280px !important;
	border-right: 1px solid rgba(0,0,0,.2);
	transform: translateX(-100%);
}
.btn-check:focus+.btn, .btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0 rgb(13 110 253 / 25%) !important;
}
.btn-close:focus {
	outline: 0;
	box-shadow: 0 0 0 0 rgb(13 110 253 / 25%) !important;
	opacity: 1;
}
.offcanvas-body {
	flex-grow: 1;
	padding: 1rem 10px 1rem 0px !important;
	overflow-y: auto;
}
.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 10px 0px;
}
.nav-option-active {
	background: rgba(43,162,214,0.2);
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	font-size: 15px;
	padding: 14px 10px 14px 20px;
	cursor: pointer;
	margin-bottom: 4px;
	border-right: solid 8px #2BA2D6;
	color: #000;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
.nav-option {
	background: transparent;
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 15px;
	padding: 14px 10px 14px 20px;
	cursor: pointer;
	margin-bottom: 4px;
	border-left: solid 8px transparent;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
}
.nav-option:hover {
	background: #2BA2D6;
	color: #FFF;
}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.user-hello {
	margin-top: 5px;
	font-size: 16px;
}
.icon-right {
	max-height: 30px;
	float: right;
	padding-right: 10px;
}
.float-right {
	float: right;
}
/*.tablero {
	padding: 20px 15px;
}*/
.tablero {
	padding: 20px 16px;
  margin: 20px auto;
  border-radius: 8px;
	-webkit-box-shadow: 0 4px 5px 0 rgba(149,162,163,0.14), 0 1px 10px 0 rgba(149,162,163,0.12), 0 2px 4px -1px rgba(149,162,163,0.3);
  box-shadow: 0 4px 5px 0 rgba(149,162,163,0.14), 0 1px 10px 0 rgba(149,162,163,0.12), 0 2px 4px -1px rgba(149,162,163,0.3);
  background: #FFF;
}
.title-tablero{
	color: #1A1A1A;
	font-size: 22px;
	font-weight: bold;
}
.Subtitle-tablero{
	color: #FFF;
	font-size: 14px;
	color: var(--color9);
}
.filter-tablero{
	float: right;
	margin-top: 10px;
}
.icon-filter{
	max-height: 40px;
	float: right;
	padding-left: 10px;
}
.match-settings-div {
  padding: 15px 8px;
}
.title-caja-shadow {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #00838F;
	text-transform: uppercase;
}
.caja-shadow {
	border: 1px solid #f3f3f3;
	-webkit-box-shadow: 2px 8px 4px -6px hsl(0deg 0% 0% / 30%);
	box-shadow: 2px 8px 4px -6px hsl(0deg 0% 0% / 30%);
	border-radius: 4px;
	background: #FFF;
	padding: 15px 10px;
	height: 100%;
	margin: 0 0 12px;
}
#Total {
	text-align: center;
	font-size: 20px;
	color: var(--color5);
}
#TotalMesas {
	text-align: center;
	font-size: 20px;
	color: var(--color5);
}
.TotalQuejas{
	color:#FF0000;
	font-weight: bold;
}
.QuejasTabla{
	background-color: #FFF;
  color: var(--color5);
}
.TotalMesas{
	color:#006666;
	font-weight: bold;
}
.TotalMesas2{
	color:#B39862;
	font-weight: bold;
}