.select2-results__option--highlighted { background-color: #007bff !important; }
#select2-cliente_dropdown-results .select2-results__option--highlighted { background-color: #007bff !important; }
#select2-articulo_dropdown-results .select2-results__option--highlighted { background-color: #007bff !important; }
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
	border-color : #80bdff;
	box-shadow:0 0 0 0.2rem rgb(0 123 255 / 25%);
	border-radius: 4px;
}

.select2-container .select2-search--inline:first-child {
	float: none;
}
.select2-container .select2-search--inline:first-child .select2-search__field{
	width: 100% !important;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	color: #fff;
	background: #4285f4;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 5px 0 0 6px;
	padding: 0px 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
	color: #c1c1c1;
	margin-right: 9px;
}

.calendar .calendar-header {
	background-color: #4285f4;
	color: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	border: 0;
}
.calendar .months-container .month-container {
	margin-bottom: 25px;
}
.calendar table.month {
	background-color: white;
	height: 100%;
}
.calendar table.month th.month-title {
	background-color: #4285f4;
	color: white;
	font-weight: 400;
	padding-bottom: 0px;
}
.calendar table.month th.day-header {
	padding-top: 10px;
	color: #CDCDCD;
	font-weight: 400;
	font-size: 12px;
}
table.month td.day .day-content:hover {
	background: rgba(90,219,142,0.5);
	cursor: pointer;
}
.calendar table.month td.disabled, .calendar table.month td.disabled:hover{
	color:red;
	cursor: pointer;
}
.calendar-context-menu .item .content{
	min-height:auto;
}

.side-nav a {
	height: 46px;
	line-height: 66px;
}

/* tab color */
.nav-pills>li>a {
	background-color: #ffffff;
	border-color: #777777;
}

.nav-tabs .nav-link.active, .nav-pills .show > .nav-link {
	color: #ffffff;
	background-color: #007bff;
	margin-bottom: 1px;
}

/* hover tab color */
.nav-tabs>li>a:hover {
	color: #ffffff;
	border-color: #123456;
	background-color: #007bff;
}

.dataTables_wrapper{
	background-color: white;
}

#loadingDiv-spinnerborder {
	border-color: #4285F4 transparent #4285F4 #4285F4;
}

.highlight{
	background-color:#90caf9 !important;
}

.even.active td
{
	color: white;
	background-color: #4285F4 !important;
}

.odd.active td
{
	color: white;
	background-color: #4285F4 !important;
}

#mysearchinput::-webkit-input-placeholder {
	color: #eeeeee;
}

.pagination .page-item.active .page-link{
	background-color: #4285F4!important;
}

table.dataTable tbody tr.selected {
	color: white;
	background-color: #4285F4;
}

table.dataTable tbody tr {
	cursor: pointer;
}

/* toggle switches with bootstrap default colors */
.custom-control-input-success:checked ~ .custom-control-label::before {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}
.custom-control-input-success ~ .custom-control-label::before {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

.custom-control-input-danger:checked ~ .custom-control-label::before {
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}
.custom-control-input-danger ~ .custom-control-label::before {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}

#loadingDiv,#loadingDiv2 {
	display: flex;
	height: 100vh;
	align-items: center;
	justify-content: center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.9);
	z-index:9999;}

/* WYSIWYG Editor */
.note-toolbar .note-btn, .note-toolbar .note-btn:focus, .note-toolbar .note-btn:active, .note-toolbar .note-btn:hover {
	background-color: #4285F4 !important;
	color: white !important;
	border-color: #4285F4 !important;
}
.note-toolbar {
	background: #4285F4 !important;
}
.note-resizebar {
	background: #4285F4 !important;
}
.note-icon-bar {
	background: white !important;
}

.table td, .table th {
	vertical-align: middle;
}

.modal-header .close{
	font-size: 2rem !important;
}

.modal-header:not(.bg-danger):not(.bg-success) .close{
	color: red;
}

.btn-warning {
	background-color: #ffa900 !important;
}
.card{
	border-radius: .5rem;
}
.modal-dialog .modal-content{
	border-radius: .5rem !important;
}
.modal-full-height .modal-content{
	border-radius: .125rem !important;
}
.modal-dialog .modal-content .modal-header {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}
.btn {
	border-radius: .25rem;
	padding: .625rem 1.5rem .5rem;
	font-size: .75rem;
	line-height: 1.5;
}
.card-header:first-child {
	border-radius: calc(.5rem - 1px) calc(.5rem - 1px) 0 0;
}
.btn-sm {
	padding: .375rem 1rem .3125rem;
	font-size: .75rem;
	line-height: 1.5;
}
.btn-lg {
	padding: .75rem 1.6875rem .6875rem;
	font-size: .875rem;
	line-height: 1.6;
}
.alert {
	border-radius: .5rem;
}
.badge {
	border-radius: .27rem;
	padding: .35em .65em;
	font-size: .75em;
}
.md-toast {
	border-radius: .5rem;
}
.toast-header {
	border-top-left-radius: calc(.5rem - 1px);
	border-top-right-radius: calc(.5rem - 1px);
}

.select-checkbox::before{
	margin-top: -3px !important;
}

.help{
	background-color: transparent;
	border: none;
	padding: 0;
	margin-top: 1px;
}

.opinion{
	background-color: transparent;
	border: none;
	padding: 0;
	margin-top: 1px;
}

.dropdown-menu{
	z-index: 10000;
}

.flatpickr-day.today {
	border-color: #4285f4;
}

.flatpickr-day.selected, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: #4285f4;
	color: #fff;
	border-color: #4285f4;
}

.flatpickr-months {
	background-color: #4285f4;
}

.flatpickr-next-month, .flatpickr-prev-month {
	margin-top: -0.2em;
	color:lightgray !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper {
	color: lightgray !important;
}

.flatpickr-monthDropdown-month {
	color: #4285f4 !important;
}

.modal-full{
	height: 90%;
	min-width: 90%;
}

.modal-full > .modal-content{
	height: auto;
	min-height: 90%;
}

::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 1px grey;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb {
	background: #4284f3;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
	background: #4284f3;
}

table thead {
	background-color: #fafafa;
}

td.redtextcell {	color: red !important; }
tr.active td.redtextcell { color: pink !important; }
tr.selected td.redtextcell { color: pink !important; }

.dropdown-menu {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

@media (min-width: 1550px) {
	.col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.d-xxl-none {
		display: none !important;
	}

	.d-xxl-inline {
		display: inline !important;
	}

}

@media (min-width: 1550px) {

	.row-cols-xxl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row-cols-xxl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row-cols-xxl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.row-cols-xxl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row-cols-xxl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row-cols-xxl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.row-cols-xxl-7 > * {
		-ms-flex: 0 0 14.285714%;
		flex: 0 0 14.285714%;
		max-width: 14.285714%;
	}

	.row-cols-xxl-8 > * {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.row-cols-xxl-9 > * {
		-ms-flex: 0 0 11.11111%;
		flex: 0 0 11.11111%;
		max-width: 11.11111%;
	}

	.row-cols-xxl-10 > * {
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row-cols-xxl-11 > * {
		-ms-flex: 0 0 9.09090909%;
		flex: 0 0 9.09090909%;
		max-width: 9.09090909%;
	}

	.row-cols-xxl-12 > * {
		-ms-flex: 0 0 8.3333333%;
		flex: 0 0 8.3333333%;
		max-width: 8.3333333%;
	}

}


@media (min-width: 2200px) {
	.col-xxxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xxxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-xxxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.col-xxxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	.col-xxxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xxxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.col-xxxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-xxxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xxxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	.col-xxxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.col-xxxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xxxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	.col-xxxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}
	.col-xxxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.d-xxxl-none {
		display: none !important;
	}

	.d-xxxl-inline {
		display: inline !important;
	}

}

@media (min-width: 2200px) {

	.row-cols-xxxl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row-cols-xxxl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row-cols-xxxl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.row-cols-xxxl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row-cols-xxxl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row-cols-xxxl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.row-cols-xxxl-7 > * {
		-ms-flex: 0 0 14.285714%;
		flex: 0 0 14.285714%;
		max-width: 14.285714%;
	}

	.row-cols-xxxl-8 > * {
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.row-cols-xxxl-9 > * {
		-ms-flex: 0 0 11.11111%;
		flex: 0 0 11.11111%;
		max-width: 11.11111%;
	}

	.row-cols-xxxl-10 > * {
		-ms-flex: 0 0 10%;
		flex: 0 0 10%;
		max-width: 10%;
	}

	.row-cols-xxxl-11 > * {
		-ms-flex: 0 0 9.09090909%;
		flex: 0 0 9.09090909%;
		max-width: 9.09090909%;
	}

	.row-cols-xxxl-12 > * {
		-ms-flex: 0 0 8.3333333%;
		flex: 0 0 8.3333333%;
		max-width: 8.3333333%;
	}

}

.dropdown-item:hover > i.text-primary {color: white !important;}
.dropdown-item:hover > span.text-primary {color: white !important;}

.dropdown-menu {border-radius: 5px;}

.underlined {
	background: white;
	color: #007bff !important;
	border-radius: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 6px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.skeleton.form-group {
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: .2rem;
	background-size: 200% 100%;
	animation: 1.5s skeleton-loading linear infinite;
	height: 30px;
	width: 190px;
}

.skeleton.col-5 {
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: .2rem;
	background-size: 200% 100%;
	animation: 1.5s skeleton-loading linear infinite;
	height: 30px;
	width: 65px;
	max-width: 65px !important;
	margin-left: 15px;
}

.skeleton.col-7 {
	background: #eee;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: .2rem;
	background-size: 200% 100%;
	animation: 1.5s skeleton-loading linear infinite;
	height: 30px;
	width: 103px;
	max-width: 103px !important;
	margin-left: 22px;
}

.skeleton.multicol {
	background: #eee;
	margin-left: 14px;
	margin-right: -14px;
	background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
	border-radius: .2rem;
	background-size: 200% 100%;
	animation: 1.5s skeleton-loading linear infinite;
	height: 32px;
}

.skeleton > select{
	display: none;
}

.skeleton > input{
	display: none;
}

@keyframes skeleton-loading {
	to {
		background-position-x: -200%;
	}
}

tr.selected i.text-primary,
tr.active i.text-primary {color: white !important;}

.mycpybtn {
	margin: 2px;
	height: 27px !important;
}

.card .face{
	border-radius: .5rem;
}