body {
	background-color: #eee;
}

.container#base {
    padding-left: 22px;
	padding-top: 18px;
}

.form-control {
	background-color: #f6eabf;
	border: 1px solid #c9a685;
}

.sum-cell, .rat-cell {
    background-color: #bfebef !important;
	border: 1px solid #81a8ab;
}

.rat-cell {
	max-width: 3em;
}

.form-group {
    margin-bottom: 0.6rem;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 4px;
    padding-left: 4px;
}

@media screen and (max-width: 420px) {
	.form-control {
		padding: .375rem .5rem;
	}
}

hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border-top: 3px solid rgba(0, 0, 0, 0.27);
}

.inp-header, .inp-theader {
    color: #575757;
    background-color: #d7d7d7;
	border-radius: .25rem;
	padding-left: 12px;
}

.inp-theader {
	padding-right: 4px;
	padding-left: 4px;
}

button.btn-0 {
	padding: 0px;
	margin-top: 0.1rem;
	color: #6c757d !important;
	background: transparent;
	margin-left: 0px;
}

button.add-row {
	margin-top: -0.5rem;
	margin-bottom: -1rem;
	margin-left: -0.05em;
}

button.line-menu, button.group-menu {
	margin-left: 0.2em;
}

.font-0 {
	font-size: 0px;
}

/* hide up/down arrows ("spinners") on input fields marked type="number" */
input[type='number'] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

/* autocomplete list styles */
.val-name {
}

.val-cho {
	font-weight: bold;
}

div.easy-autocomplete-container ul {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
div.easy-autocomplete-container ul li:first-child {
    border-top-right-radius: 6px;
}
div.easy-autocomplete-container ul li:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}


/* popover */

.popover {
	border: 2px solid rgb(176, 176, 176);
	border-radius: .4rem;
}

.popover-body {
    padding: 0;
}

.btn-group-vertical > .btn-group:first-child > .btn, .btn-group-vertical > .btn:first-child {
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) {
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

/* icon styles */
svg.font {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  vertical-align: text-top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes anim-rotate {
	0% {transform: rotate(0)}
	100% {transform: rotate(360deg)}
}
.icon-spinner {
	animation: anim-rotate 1.6s infinite steps(8);
}

.icon-utensils {
  width: 0.8125em;
}
.icon-save {
  width: 0.875em;
}

.icon-calculator {
  width: 0.875em;
}

.icon-times {
  width: 0.75em;
}

.icon-question {
  width: 0.75em;
}

.icon-exclamation {
  width: 0.375em;
}

.icon-bars {
  width: 0.875em;
}

.icon-heart {
  width: 1.125em;
}

.icon-edit {
  width: 1.125em;
}

.icon-save2 {
  width: 0.875em;
}

.icon-file {
  width: 0.75em;
}

.icon-ellipsis-v {
  width: 0.375em;
}

.icon-plus {
  width: 0.875em;
}

.icon-trash-alt {
  width: 0.875em;
}

.icon-chevron-left {
  width: 0.625em;
}

.icon-chevron-right {
  width: 0.625em;
}

.icon-chevron-up {
  width: 0.875em;
}

.icon-chevron-down {
  width: 0.875em;
}