/* Minification failed. Returning unminified contents.
(1176,1): run-time error CSS1019: Unexpected token, found '@import'
(1176,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap')'
(1177,1): run-time error CSS1019: Unexpected token, found '@import'
(1177,9): run-time error CSS1019: Unexpected token, found 'url('./font-awesome.css')'
(1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1268,28): run-time error CSS1039: Token not allowed after unary operator: '-body-background'
(1269,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(1277,17): run-time error CSS1039: Token not allowed after unary operator: '-vz-heading-color'
(1297,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1298,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1306,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1307,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1316,38): run-time error CSS1030: Expected identifier, found ','
(1316,51): run-time error CSS1031: Expected selector, found ')'
(1316,51): run-time error CSS1025: Expected comma or open brace, found ')'
(1349,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-input-group-addon-bg'
(1353,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1580,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-card-bg'
(1581,34): run-time error CSS1046: Expect comma, found '0'
(1581,38): run-time error CSS1046: Expect comma, found '/'
(1602,17): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-color-text'
(1603,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-input-bg'
(1657,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-input-bg'
(1661,24): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-color-text'
(1665,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1666,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1667,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1702,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1703,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1704,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1708,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color-active'
(1712,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-card-bg'
(1713,34): run-time error CSS1046: Expect comma, found '0'
(1713,38): run-time error CSS1046: Expect comma, found '/'
(1743,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1747,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1793,17): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-color'
(1794,24): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-border-color'
(1798,24): run-time error CSS1039: Token not allowed after unary operator: '-vz-border-color'
(1802,22): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-bg'
(1826,22): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-bg'
(1827,17): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-color'
(1831,24): run-time error CSS1039: Token not allowed after unary operator: '-vz-border-color'
(1852,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-border-color'
(1870,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(1878,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(1888,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1893,22): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1903,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1914,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-card-bg'
(1915,34): run-time error CSS1046: Expect comma, found '0'
(1915,38): run-time error CSS1046: Expect comma, found '/'
(1924,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(1955,22): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1985,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(2460,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(2652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2656,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(2657,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2658,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2862,28): run-time error CSS1039: Token not allowed after unary operator: '-body-background'
(2864,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(3011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3015,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(3016,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(3017,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(3041,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(3084,28): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(3134,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3199,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
(3210,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-header-bg-color'
(3214,28): run-time error CSS1039: Token not allowed after unary operator: '-vz-header-bg'
(3219,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(3237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3264,17): run-time error CSS1039: Token not allowed after unary operator: '-vz-heading-color'
(3268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3283,22): run-time error CSS1039: Token not allowed after unary operator: '-vz-table-bg'
(3337,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3364,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(3368,21): run-time error CSS1039: Token not allowed after unary operator: '-dard-color'
(3372,39): run-time error CSS1039: Token not allowed after unary operator: '-gray-color'
(3537,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-color'
 */
/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*!
 * jQuery UI Resizable 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

/*!
 * jQuery UI Selectable 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

/*!
 * jQuery UI Accordion 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/*!
 * jQuery UI Button 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/*!
 * jQuery UI Dialog 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*!
 * jQuery UI Slider 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/*!
 * jQuery UI Tabs 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/*!
 * jQuery UI Datepicker 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*!
 * jQuery UI Progressbar 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url("images/ui-bg_flat_75_ffffff_40x100.png")/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url("images/ui-bg_highlight-soft_75_cccccc_1x100.png")/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url("images/ui-bg_glass_75_e6e6e6_1x400.png")/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url("images/ui-bg_glass_75_dadada_1x400.png")/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url("images/ui-bg_glass_65_ffffff_1x400.png")/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url("images/ui-bg_glass_55_fbf9ee_1x400.png")/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url("images/ui-bg_glass_95_fef1ec_1x400.png")/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png")/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png")/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png")/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png")/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png")/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png")/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png")/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url("images/ui-bg_flat_0_aaaaaa_40x100.png")/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; /* support: IE8 */
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('./font-awesome.css');

:root {
    --primary-color: #35a6ca;
    --primary-color-active: #337ab7;
    --white-color: #fff;
    --dark-color: #000;
    --gray-color: #e7e7e7;
    --body-background: #eee;
    --vz-card-bg : #fff;
    --vz-heading-color: #000;
    --vz-table-color-text: #000;
    --vz-header-bg: #f8f8f8;
    --vz-header-bg-color: #35a6ca;
    --vz-body-color: rgba(var(--vz-dark-rgb), 0.02);
    --vz-dark-rgb: 239,242,247;
    --vz-border-color: #ddd;
    --vz-input-group-addon-bg: #eee;
}

[data-layout-mode=dark] {
    --dark-color: #fff;
    --vz-header-bg-color: #292e32;
    --vz-body-bg: #1a1d21;
    --vz-body-bg-rgb: 26,29,33;
    --vz-body-color: #212529;
    --vz-table-color-text: #fff;
    --vz-body-color-rgb: 206,212,218;
    --vz-vertical-menu-bg: #fff;
    --vz-vertical-menu-item-color: #5f6270;
    --vz-vertical-menu-item-hover-color: #405189;
    --vz-vertical-menu-item-active-color: #405189;
    --vz-vertical-menu-sub-item-color: #686b7b;
    --vz-vertical-menu-sub-item-hover-color: #405189;
    --vz-vertical-menu-sub-item-active-color: #405189;
    --vz-vertical-menu-title-color: #878a99;
    --vz-vertical-menu-bg-dark: #212529;
    --vz-vertical-menu-item-color-dark: #878a99;
    --vz-vertical-menu-item-hover-color-dark: #fff;
    --vz-vertical-menu-item-active-color-dark: #fff;
    --vz-vertical-menu-sub-item-color-dark: #7c7f90;
    --vz-vertical-menu-sub-item-hover-color-dark: #fff;
    --vz-vertical-menu-sub-item-active-color-dark: #fff;
    --vz-vertical-menu-title-color-dark: #5f6270;
    --vz-header-bg: #292e32;
    --vz-header-item-color: #e9ecef;
    --vz-header-bg-dark: #405189;
    --vz-header-item-color-dark: #b0c4d9;
    --vz-topbar-search-bg: #202328;
    --vz-topbar-user-bg: #31373c;
    --vz-topbar-user-bg-dark: #52639c;
    --vz-footer-bg: #212529;
    --vz-footer-color: #878a99;
    --vz-topnav-bg: #272b30;
    --vz-topnav-item-color: #878a99;
    --vz-topnav-item-color-active: #fff;
    --vz-twocolumn-menu-iconview-bg: #fff;
    --vz-twocolumn-menu-bg: #fff;
    --vz-twocolumn-menu-iconview-bg-dark: var(--vz-vertical-menu-bg-dark);
    --vz-twocolumn-menu-bg-dark: #30363a;
    --vz-twocolumn-menu-item-color-dark: var(--vz-vertical-menu-item-color-dark);
    --vz-twocolumn-menu-item-active-color-dark: #fff;
    --vz-twocolumn-menu-item-active-bg-dark: rgba(255, 255, 255, 0.15);
    --vz-boxed-body-bg: #111316;
    --vz-heading-color: #ced4da;
    --vz-light: #2a2f34;
    --vz-light-rgb: 42,47,52;
    --vz-dark: #ffff;
    --vz-dark-rgb: 239,242,247;
    --vz-link-color: #ced4da;
    --vz-link-hover-color: #ced4da;
    --vz-border-color: #32383e;
    --vz-card-bg-custom: #212529;
    --vz-card-logo-dark: none;
    --vz-card-logo-light: block;
    --vz-list-group-hover-bg: #272b30;
    --vz-input-bg: #262a2f;
    --vz-input-border: #2a2f34;
    --vz-input-focus-border: #33393f;
    --vz-input-disabled-bg: #212529;
    --vz-input-group-addon-bg: #1a1d21;
    --vz-input-check-border: #33393f;
}

html {
    height: 100% !important;
    box-sizing: border-box !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
    background-color: var(--body-background) !important;
    color: var(--dark-color) !important;
    position: relative !important;
    padding-bottom: 0px;
    margin: 0;
    /*min-height: 100vh !important;*/
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--vz-heading-color);
}

a {
    cursor: pointer;
}

h2:not(.title-section){
    font-size: 24px !important;
}

.bottom-link a {
    margin: 0 5px;
}

.table-userpicker tr {
    cursor: pointer;
}

.table-userpicker tr.active td {
    background-color: var(--primary-color) !important;
    color: var(--white-color);
}

.table-nhathuocpicker tr {
    cursor: pointer;
}

.table-nhathuocpicker tr.active td {
    background-color: var(--primary-color) !important;
    color: var(--white-color);
}

.nav>li>a{
    padding: 10px !important;
}

input[type="submit"]:not(.btn-default),
input[type="reset"]:not(.btn-default),
input[type="button"]:not(.btn-default, .btn-danger),
button:not(.btn-default, .close, .btn-danger, .btn-link, .btn-success),
.button:not(.btn-default, .btn-danger) {
    background-color: var(--primary-color);
    box-shadow: none !important;
    border: 0px !important;
    color: #fff !important;
}

.btn-default{
    background-color: #e6e6e6 !important;
    border-color: #adadad;
}

/* .btn-separator {
    padding: 0 15px;
}

.btn-separator-pull-left:after {
    content: ' ';
    display: block;
    float: left;
    background: #ADADAD;
    margin: 0 10px;
    height: 34px;
    width: 1px;
} */

textarea {
    width: 100%;
}

.input-group-addon{
    background-color: var(--vz-input-group-addon-bg) !important;
}

.select-nhathuoc {
    background-color: var(--white-color);
    -ms-border-radius: 4px 4px 0 0;
    border-radius: 4px;
    border: 1px solid #dddddd;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    margin: 3px;
    padding: 0 15px 15px 15px;
}

.select-nhathuoc h3 {
    margin-top: 5px;
    margin-bottom: 15px;
}

#loginForm .row {
    margin-top: 20px;
}

.setting-tabs>div {
    padding: 30px;
}

.dvt-list {
    max-height: 400px;
    overflow: auto;
}

#dvt-form-holder, #dbc-form-holder, #setting-form-holder {
    border: 1px dot-dot-dash #ececec;
    margin: 15px 0;
}

input[name=MaThuoc] {
    text-transform: uppercase;
}

#tblCt_wrapper table.dataTable thead th, #tblCt_wrapper table.dataTable thead td {
    border-bottom: 1px solid lightgray;
}

#tblCt_wrapper .dataTables_scrollBody {
    border-bottom: 1px solid lightgray;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 2051;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.ui-menu-item {
    padding: 5px;
}

.ui-menu-item {
    padding: 5px;
}

.ui-menu-item.ui-state-focus {
    border-left: 0px;
    border-right: 0px;
}

.ui-menu-item:first-child {
    border-top: 0px;
}

.ui-menu-item:last-child {
    border-bottom: 0px;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #a94442;
}

.chonnhathuoc-list {
    max-height: 200px;
    overflow-y: auto;
}

.account-suffix {
    position: absolute;
    float: right;
    right: 0px;
    padding-right: 20px;
    line-height: 34px;
}

.thuoc .table-bordered {
    border: 0px solid #ddd !important;
}

.filter-td {
    clear: both;
    border: 0px solid #ddd !important;
    padding-left: 0px !important;
}

.filter-td-button {
    clear: both;
    border: 0px solid #ddd !important;
    padding-right: 0px !important;
}

.filter-td-button input {
    float: right;
    margin-left: 5px;
}

.txt-dutru {
    width: 70px;
}

.txt-han {
    width: 120px;
}

.right {
    float: right !important;
}

.margin-left5 {
    margin-left: 5px;
}

footer {
    margin-top: 3rem;
    padding-top: 2rem;
    padding: 1rem;
    text-align: center;
    border-top: 1px solid #ddd;
    width: 100%;
}

.badge-cus {
    display: inline-flex;
    padding: 10px;
    background: #d2d3d3;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 99px;
    font-size: 20px;
}

.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}

.w-70 {
    width: 70% !important;
}

.m-w-100px {
    min-width: 100px;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

/* New style 2023 */

.navbar-header-hotline {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-header-hotline .nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.navbar-header-hotline .nav li.menu {
    width: max-content;
    border: 1px solid #ececec;
    border-radius: 4px;
    margin-left: 10px;
}

.navbar-header-hotline .nav li.menu:first-child {
    margin-left: 0px;
}

.navbar-header-hotline .nav li.menu>a {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row-reverse;
    padding: 5px !important;
}

.navbar{
    min-height: 40px !important;
}

.navbar-nav>li>a i {
    font-size: 10px;
}

.body-content {
    width: 90%;
    padding-top: 0px;
    min-height: calc(100vh - 200px);
}

.sidebar-bg {
    background-color: var(--vz-card-bg);
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 4px;
}

.control-group {
    margin-bottom: 10px;
}

.sidebar-bg .control-group select,
.sidebar-bg .ui-select-container {
    margin-bottom: 15px;
    box-shadow: none;
    border-radius: 4px;
}

.sidebar-bg .flex-grow-1 .ui-select-container{
    margin-bottom: 0px !important;
}

.form-control {
    color: var(--vz-table-color-text) !important;
    background-color: var(--vz-input-bg) !important;
    flex: 1;
    margin-bottom: 15px;
    box-shadow: none !important;
    border-radius: 4px !important;
}

.ui-select-container.selectize-control.single {
    padding: 0px !important;
}

.sidebar-bg .ui-select-container {
    padding: 6px 12px;
}

.sidebar-bg .ui-select-container input {
    width: 100% !important;
    border: 0px;
    background: transparent;
    margin-bottom: 0px !important;
}

.sidebar-bg .ui-select-container input:focus {
    outline: none;
}

.baocao-filter .radio {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0px !important;
}

.baocao-filter fieldset>div {
    padding: 0;
}

.baocao-filter .radio>.input-group {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 10px;
}

.baocao-filter .radio>.input-group input {
    text-align: left;
}

.selectize-input {
    border: 1px solid #c4c4c4 !important;
    background-color: var(--vz-input-bg) !important;
}

.selectize-control.single .selectize-input:after {
    border-color: var(--vz-table-color-text) transparent transparent transparent !important;
}

.baocao-filter .btn:not(.btn-default) {
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 1px solid var(--primary-color);
    font-size: 14px;
}

.btn-group-flex .btn-outline {
    /* border-color: var(--primary-color); */
    font-weight: 500;
    /* color: var(--primary-color); */
    flex: 1;
    font-size: 14px !important;
}

.btn-group-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.font-sm{
    font-size: smaller !important;
}

.btn {
    font-weight: 500 !important;
    border-radius: 4px !important;
    transition: .4s ease-in-out;
}

.btn-fullwidth .btn {
    width: 100%;
    font-size: 14px !important;
}

.btn-primary {
    color: var(--white-color);
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--primary-color-active) !important;
}

.box-group-white {
    background-color: var(--vz-card-bg);
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 4px;
    padding-top: 10px;
}

.box-group-white .box-group-title{
    border-bottom: 1px solid #e8f1f3;
    padding-bottom: 10px;
}

.box-group-white .box-group-title h2{
    text-transform: uppercase;
}

.box-group-white>h2{
    border-bottom: 1px solid #e8f1f3;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.nav-tabs{
    border-bottom: 0px !important;
}

.d-flex {
    display: flex;
}

.text-white{
    color: var(--white-color) !important;
}

.text-white a{
    color: var(--white-color) !important;
}

.font-small {
    font-size: 12px !important;
}

.baocao-header {
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e8f1f3;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.baocao-header .title-section {
    margin-bottom: 0px;
}

.title-section {
    margin-top: 0px;
    font-size: 18px;
}

.title-border {
    border-bottom: 1px solid #e8f1f3;
    padding-bottom: 10px;
}

.modal .table {
    width: 100%;
}

/* Table */

.table {
    --vz-table-color: var(--vz-table-color-text);
    --vz-table-bg: var(--vz-body-color);
    --vz-table-border-color: var(--vz-border-color);
    --vz-table-accent-bg: transparent;
    --vz-table-striped-color: var(--vz-body-color);
    --vz-table-striped-bg: rgba(var(--vz-dark-rgb), 0.02);
    --vz-table-active-color: var(--vz-body-color);
    --vz-table-active-bg: rgba(var(--vz-light-rgb), 1);
    --vz-table-hover-color: var(--vz-body-color);
    --vz-table-hover-bg: rgba(var(--vz-light-rgb), 1);
    color: var(--vz-table-color);
    border-color: var(--vz-table-border-color);
}

.table>thead {
    border-color: var(--vz-border-color);
}

.table-striped>tbody>tr:nth-of-type(odd){
    background: var(--vz-table-bg);
}

.table>tbody>tr>td {
    border-top: 1px solid #ddd !important;
    /*vertical-align: middle !important;*/
}

.table > thead > tr > th{
    border-bottom: 0px !important;
}

.table>thead>tr>th,
.table>tbody>tr>td{
    font-size: 14px;
}

.table>tbody>tr>td .tr-ng-cell {
    text-align: left !important;
}

.table thead th,
.table tbody td,
.table tfoot td {
    background: var(--vz-table-bg);
    color: var(--vz-table-color) !important;
}

.table>thead {
    border-color: var(--vz-border-color);
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 1px !important;
    vertical-align: middle !important;
}

.tr-ng-grid .tr-ng-sort {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th{
    border: 1px solid var(--vz-border-color) !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.h-90vh{
    min-height: calc(100vh - 250px);
}

.pagination {
    padding: 5px;
    border-radius: 8px;
}

.pagination>li>a, .pagination>li>span {
    background: transparent;
    color: var(--dark-color);
    font-weight: 600;
    border: 0;
    border-radius: 8px;
}

.pagination>.disabled>span {
    background-color: transparent;
    color: var(--dark-color);
    font-weight: 500;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--primary-color) !important;
    border-radius: 8px !important;
}

.dropdown-menu > li > a:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.text-warning {
    color: orange !important;
}

.title-page {
    margin-top: 0;
    color: var(--primary-color);
}

.box-meta {
    gap: 10px;
    margin-bottom: 10px;
}

/* Card */

.card-bg {
    background-color: var(--vz-card-bg);
    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
    border-radius: 4px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.card-title {
    font-size: 32px;
    color: var(--dark-color);
    text-transform: uppercase;
}

.card-desc {
    font-size: 16px;
    position: relative;
    margin-bottom: 8px;
}

.card-code {
    position: absolute;
    right: 0;
}

.card-body-top {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.card-body-top .item {
    flex: auto;
    width: 100%;
}

.card-body,
.card-header {
    padding: 20px;
    background: var(--white-color);
    border-radius: 10px;
}

.card-header {
    margin-bottom: 20px;
}

.card-header h2 {
    margin-top: 0px
}

.card-body-top .item .input-group {
    display: flex;
    gap: 20px;
}

.card-body-top .item .input-group>div #itemSearchId {
    border-radius: 8px;
}

.card-body-top .item .input-group .full-width {
    flex: 1;
}

.input-group-btn {
    width: auto !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.refund-box .form-control {
    margin-bottom: 0px !important;
}

.refund-box {
    margin-top: 10px;
}

.refund-box span {
    display: block;
}

.refund-container {
    margin-top: 15px;
    gap: 10px;
}

.table {
    margin-bottom: 0px !important;
}

.gap-10 {
    gap: 10px !important;
}

.gap-5{
    gap: 5px !important;
}

.table-wrap .form-control {
    margin-bottom: 0px !important;
}

.ip-100 {
    width: 100%;
}

.input-group-btn {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    margin-bottom: 0px !important;
    min-height: 30px;
}

/* Grid */

.d-grid {
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.delivery-item #itemSearchId {
    margin-bottom: 0px !important;
    width: 100%;
}

.delivery-item .ip-100 {
    flex: 1;
}

input.ui-select-search {
    width: 100%;
}

.font-weight-bold {
    font-weight: 600;
}

.flex-grow {
    flex-grow: 1;
}

.btn-maxHeight {
    max-height: 34px;
}

.text-label {
    margin-bottom: 6px;
    display: block;
}

.form-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mt-0 {
    margin-top: 0rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}


.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.d-block {
    display: block !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

#itemSearchId {
    margin-bottom: 0px !important;
    min-height: 34px;
}

.op-0 {
    opacity: 0;
}

.table-modal>thead>tr>th {
    min-width: auto !important;
}

.table-condensed thead tr {
    background-color: #f8f9fa;
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.form-check {
    /* display: inline-flex !important; */
    min-height: 1.5rem;
    padding-left: 0px !important;
    margin-bottom: .125rem;
    align-items: flex-end;
    gap: 8px;
}

.form-check label{
    margin-bottom: 0px;
}

.form-check .form-check-input {
    float: left;
    margin-left: 0px !important;
    margin-right: 5px !important;
}

.form-check-input {
    width: 1.25em !important;
    height: 1.25em !important;
    margin-top: 0px !important;
    vertical-align: top;
    background-color: var(--white-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    border-radius: 0.25em !important;
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.modal-footer .btn+.btn{
    margin-left: 0px !important;
}

/* .form-check-label{
    margin-left: 8px;
} */

.input-group {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group>.form-control {
    border-radius: 4px;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group>.form-control, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.ui-select-search {
    border-radius: 4px !important;
}

.form-inline-flex {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline-flex label {
    margin-bottom: 0px !important;
}

.form-inline-flex .input-group {
    flex: 1;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-inline .input-group .form-control {
    width: 100%;
}

.input-group .form-control,
.input-group .selectize-input {
    margin-bottom: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-group .form-control {
    z-index: unset !important;
}

.input-group-btn button,
.input-group .btn-group,
.input-group a.btn,
.input-group-btn input.btn{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 34px;
}

.input-group-btn input.btn:last-child{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.input-group-btn input.btn:first-child {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 34px;
}

.selectize-input:focus {
    box-shadow: 0px !important;
}

.row-new {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

.ip-position {
    position: relative;
}

.ip-position input[type="search"] {
    position: absolute;
}

.ip-position .form-control {
    min-height: 34px;
}

.text-danger {
    color: #d9534f !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none !important;
    outline-offset: 0px !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.card-footer {
    border-top: 1px solid #ddd !important;
    padding-top: 20px;
}

.flex-direction-column {
    flex-direction: column;
}

.ip-min-width {
    min-width: 300px;
}

.form-flex-wrap{
    border-bottom: 1px solid #e8f1f3;
    padding-bottom: 20px;
}

.input-group-btn button.btn-not-radius{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.btn-radius{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


.btn:not(span.btn){
    min-height: 34px;
}

.btn-sm{
    min-height: auto !important;
}

.text-truncate-line{
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-wnt li {
    position: relative;
}

.nav-wnt li:after {
    content: "";
    width: 1px;
    height: 20px;
    display: block;
    background: #dddddd;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.nav-wnt li:last-child:after {
    display: none;
}

.bd-right{
    border-right: 1px solid #e8f1f3;
}

hr{
    border-top: 1px solid #e8f1f3 !important;
}

.text-truncate-line .ng-binding{
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
}

.selectize-input.focus {
    outline: none !important;
    box-shadow: unset !important;
}

.ip-equal-height{
    max-height: 34px;
}

.flex-grow-width-auto{
    width: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}



.flex-grow-width-30{
    width: 30% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.flex-grow-width-25{
    width: 20% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.flex-grow-width-10{
    width: 10% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.table-max-height-modal {
    max-height: 500px;
}

.d-inline-block{
    display: inline-block !important;
}

.modal-header .close {
    background-color: #ececec;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    color: #a94442;
    opacity: 1;
    font-size: 16px;
}

.close{
    opacity: 1 !important;
}

.form-checkbox {
    width: 14px;
    height: 14px;
}

.control-label{
    margin-bottom: 5px !important;
}

.table-modal tr td:first-child{
    width: 30% !important;
}

.h1, .h2, .h3, h1, h2, h3{
    margin-top: 0px !important;
}

.baocao-btn-wrap .btn-group-flex{
    display: inline-flex !important;
}

.rm-truncate .text-truncate-line{
    width: auto !important;
    white-space: unset !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ip-position .ui-select-match-item.btn-default {
    background-color: var(--body-background) !important;
    border-color: #ccc !important;
    color: var(--dark-color);
    font-weight: 400 !important;
    font-size: 12px !important;
}

#paymentSlide{
    /*display: none !important;*/
}

.pointer{
    cursor: pointer;
}

.table.table-border-none>tbody>tr>td{
    border-top: 0px !important;
    vertical-align: middle;
}

.table.table-border-none>tbody>tr>td label{
    margin-bottom: 0px;
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.page-size select {
    margin-bottom: 0px !important;
}

.text-link{
    color: #337ab7 !important;
}

footer#footerId {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -90px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bootbox-radiobutton-list label.form-check-label {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
}

.bootbox-radiobutton-list .form-check.radio {
    margin-right: 20px;
}

.bootbox-radiobutton-list label.form-check-label input {
    position: relative !important;
}
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover{
    color: #000 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.mb-0 .ui-select-container {
    margin-bottom: 0px !important;
}

.input-group-double {
    display: flex;
    align-items: center;
}

.input-group-double input {
    border-radius: 0px !important;
}

.input-group-double .input-group-btn:first-child button {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}















.baocao-filter .radio input[type=radio] {
    margin-left: 0px !important;
}

.w-100 {
    width: 100% !important;;
}

.w-80 {
    width: 80% !important;
}

.w-50 {
    width: 50% !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-25 {
    width: 25% !important
}

.w-20 {
    width: 20% !important;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.form-group-flex {
    align-items: center;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}


.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--white-color);
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}


.form-check {
    display: inline-block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: var(--white-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    opacity: .5
}

.form-ip {
    min-height: 34px;
}

.box-dashed {
    border: 1px dashed var(--primary-color);
    padding: 5px 8px;
    border-radius: 8px;
    font-size: 16px;
}

.box-dashed label {
    margin-bottom: 0px;
}

/* Pagination */

.pagination>li>a, .pagination>li>span {
    margin-left: 5px !important;
    line-height: 1.5em;
}

legend {
    font-size: 14px !important;
    border-bottom: 0px !important;
}

/* Form */

.col-form-label {
    min-width: 160px;
}

.form-group-inline {
    display: flex;
    gap: 10px;
}

.vertical-align-top {
    vertical-align: top !important;
}

.navbar-header-wnt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

#header-wnt-brand
{
    position: relative;
    margin-bottom: 8px;
}

.navbar-header-wnt-brand{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

#header-wnt-brand a{
    overflow: hidden;
    text-align: left !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    color: var(--dark-color);
    font-size: 19px;
}

#header-wnt-brand .label {
    position: absolute;
    top: -15px;
    right: -20px;
}

.nav-wnt-bg {
    background-color: var(--vz-header-bg-color);
}

.navbar-default{
    background-color: var(--vz-header-bg) !important;
    border: 0px !important;
}

.navbar-default .navbar-nav>li>a {
    color: var(--white-color) !important;
}

.navbar-default .navbar-nav>li>a:hover{
    text-decoration: underline;
}

.navbar-header-wnt-address p:first-child{
    margin-bottom: 15px !important;
}

.btn-warning{
    background-color: #f0ad4e !important;
}

/* Dark mode */

[data-layout-mode=dark] body {
    --body-background: #1a1d21;
}

[data-layout-mode=dark] .box-group-white,
[data-layout-mode=dark] .sidebar-bg,
[data-layout-mode=dark] .card-bg{
    --vz-card-bg: #212529;
    --vz-card-cap-bg: #212529;
}

[data-layout-mode=dark] .h1, 
[data-layout-mode=dark] .h2,
[data-layout-mode=dark] .h3,
[data-layout-mode=dark] .h4,
[data-layout-mode=dark] .h5,
[data-layout-mode=dark] .h6,
[data-layout-mode=dark] h1,
[data-layout-mode=dark] h2,
[data-layout-mode=dark] h3,
[data-layout-mode=dark] h4,
[data-layout-mode=dark] h5,
[data-layout-mode=dark] h6,
[data-layout-mode=dark] label,
[data-layout-mode=dark] p,
[data-layout-mode=dark] span,
[data-layout-mode=dark] div {
    --vz-heading-color: #fff;
    color: var(--vz-heading-color);
}

[data-layout-mode=dark] .table {
    --vz-table-striped-bg: rgba(255, 255, 255, 0.03);
    --vz-table-active-bg: rgba(255, 255, 255, 0.07);
    --vz-table-hover-bg: rgba(255, 255, 255, 0.07);
}

[data-layout-mode=dark] .table-striped>tbody>tr:nth-of-type(odd){
    background-color: var();
}

.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover{
    background: var(--vz-table-bg) !important;
}




@media screen and (max-width: 480px) {
    .navbar-header-wnt {
        flex-direction: column-reverse;
        align-items: baseline;
    }
    
    .navbar-header-wnt-brand {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .navbar-header-wnt-address {
        text-align: center !important;
    }
    
    #header-wnt-brand {
        width: 100% !important;
    }

    .navbar-header-wnt-address p{
        margin-bottom: 10px !important;
    }
    
    #header-wnt-brand .label {
        right: 0px !important;
        top: 0px;
    }

    .navbar-header-mobile {
        padding: 0px 15px !important;
    }
    
    #header-wnt-brand a {
        text-align: center !important;
        margin-top: 10px;
    }

    .header-wnt-mobile {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        gap: 8px;
    }

    .header-wnt-mobile .flex-grow-1>a{
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary-color)
    }
    
    .navbar-header-mobile .navbar-toggle {
        margin: 0px !important;
    }

    .navbar-header-mobile .navbar-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .navbar-header-mobile .navbar-toggle {
        height: 45px;
        width: 45px !important;
        padding: 0 !important;
    }

    .header-wnt-mobile li:not(.divider) {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 15px;
    }
    
    .header-wnt-mobile li:not(.divider) i {
        color: var(--primary-color);
    }

    .navbar-default .navbar-nav>li>a {
        color: var(--dard-color) !important;
    }

    .nav-wnt-dropdown>li {
        border-bottom: 1px solid var(--gray-color);
    }

    .nav-wnt-dropdown li>a {
        display: flex !important;
        align-items: center;
        gap: 10px;
    }
    
    .nav-wnt-dropdown li>a i {
        font-size: 15px;
    }

    #drugSearchBoxId {
        margin-bottom: 20px;
    }

    .card-desc {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-sm {
        max-height: 25px !important;
        min-width: 25px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .sidebar-bg{
        margin-bottom: 20px;
    }

    .pagination>li>a, 
    .pagination>li>span {
        padding: 5px 11px !important;
        margin-bottom: 4px;
    }

    .form-table-mobile{
        margin-top: 20px;
    }

    .form-table-mobile tbody {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .form-table-mobile tbody tr {
        display: flex;
        flex-direction: column;
    }
    
    .form-table-mobile tbody tr td {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .form-table-mobile table {
        margin-bottom: 20px !important;
    }

    .card-code {
        position: relative;
        margin-right: 10px;
    }

    .form-table-mobile-pd tr td:nth-child(2n) {
        margin-bottom: 10px !important;
    }

}
@media print {
    #Header, #Footer {
        display: none !important;
    }

    footer, hr {
        display: none !important
    }

    .baocao-filter {
        display: none !important
    }

    .print-header {
        display: block !important
    }

    .print-date {
        display: block !important;
    }

    .btn-actiongroup {
        display: none;
    }

    h2 {
        margin: 0 !important;
        font-size: 18px !important;

    }
}

.print-date {
    display: none;
}

/*Bao cao tong hop*/

.baocao-actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
}

.baocao-actions-row {
    flex-direction: column;
}

.baocao-actions-row .baocao-actions-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.table>thead>tr>th {
    /*min-width: 50px;*/
}

.tr-ng-grid .tr-ng-column-header .tr-ng-title{
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.tr-ng-grid .tr-ng-sort .tr-ng-sort-active, 
.tr-ng-grid .tr-ng-sort .tr-ng-sort-inactive {
    position: relative !important;
}

.tr-ng-grid .tr-ng-sort {
    position: relative !important;
    width: auto !important;
}


.table tfoot tr td {
    background: #f2f2f2;
    border: 0px;
}

.table-bcth td {
    padding: 5px;
    border-bottom: 1px dashed lightgray;
}

.table-bcth td.title {
    color: var(--dark-color);
    font-weight: bold;
}

.table-bcth td.title.sub {
    color: green;
    font-weight: normal;
    padding-left: 40px;
}

.table-bcth td.value.sub {
    font-weight: normal;
}

.table-bcth td.value {
    font-weight: bold;
    color: red;
    text-align: right;
}

.baocao-container {
    /*border: 1px solid lightgray;
    padding: 5px;*/
    overflow-x: auto;
    overflow-y:hidden;
}

.table-bcth td.striked {
    text-decoration: line-through;
}

.baocao-container .summary {
    margin-top: 30px;
    margin-bottom: 10px;

}

.baocao-container .summary table td {
    padding-left: 50px;
    padding-top: 15px;
}

.baocao-container table tr.red {
    background-color: red;
}

.print-header {
    padding: 20px 0 30px 0;
    display: none;
}

.print-header table td {
    padding-right: 40px;
}

input[type="checkbox"].partially-paid {
    accent-color: red;
}
