:root {
	--animate-duration: 300ms;
	--font-family: "Exo", system-ui;
	--font-family-monospace: "Inconsolata", "Lucida Console", "Monaco", monospace;
	--border-radius-base: 4px;

	/* Colors */
	--color-text: #7c7c7c;
	--color-text-link: #326b9b;
	--color-text-link-hover: #c36;
	--color-text-heading: #4b4b4b;
	--color-background: #fff;

	/* Alerts */
	--alert-border-color: #fff;
	--alert-box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	--alert-text-shadow: 0 1px rgb(0 0 0 / 45%);
	--alert-info-color: #618ecc;
	--alert-danger-color: #ec6c6c;
	--alert-success-color: #5ea64c;

	/* Icons */
	--icon-color-teal: #3cc;
	--icon-color-purple: #8e2fca;
	--icon-color-maroon: #c36;
	--icon-color-red: #f33;
	--icon-color-green: #53ba55;
	--icon-color-orange: #ffc043;
	--icon-color-blue: #326b9b;
	--icon-color-lightblue: #6eb6f0;

	/* Top Bar */
	--top-bar-background: linear-gradient(
			to bottom,
			rgb(104 145 196 / 100%) 0%,
			rgb(69 114 181 / 100%) 50%,
			rgb(65 90 149 / 100%) 100%
		),
		#5070a6;
	--top-bar-box-shadow: 0 4px 10px rgb(100 100 100 / 40%);
	--top-bar-border-bottom: 1px solid #fff;

	/* Charts */
	--chart-label-color: #7c7c7c;
	--chart-grid-color: #e9e9e9;
	--chart-line-1-color: var(--icon-color-blue);
	--chart-line-2-color: var(--icon-color-maroon);
	--chart-line-3-color: var(--icon-color-green);
	
}


.tbl1, .tbl2 {
  background: #fbfbfb;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 0;
  border-bottom: 0;
  padding: 8px;
}
.pointer {
  cursor: pointer;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(221, 221, 221);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
}

.pdisabled {
  background-color: rgb(252,248,227);
  border-color: rgb(250,235,204);
}
.pdisabled > .handle > a {
  color: rgb(138,109,59);
}

.dropdown-menu {
  background-color: #22262E;
  border-color: #22262e;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
    border-top-color: rgba(0, 0, 0, 0.15);
    border-right-color: rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.icon-red {
	color: var(--icon-color-red);
}
	.icon-red :hover {
		color: var(--icon-color-red);
	}


.icon-green {
	color: var(--icon-color-green);
}
icon-green:hover {
		color: var(--icon-color-green);
	}


.icon-lightblue {
	color: var(--icon-color-lightblue);
}
	.icon-lightblue:hover {
		color: var(--icon-color-lightblue);
	}


.icon-highlight {
	color: #4db9b9;
}

	.icon-highlight:hover {
		color: #4db9b9;
	}

.icon-blue {
  color: #0092f4;
}

tr,from {
	border-color: #282828;
	background-color: #303030;

	&.selected {
		background-color: #454545;
		box-shadow: none;
	}

	&.disabled {
		color: #606060;
		background-color: #252525;

		&.selected {
			color: #333;
			background-color: #454545;
		}
	}

	&.focus {
		background-color: #353535;
	}

	@media (--viewport-large) {
		&:hover {
			background-color: #353535;
			border-color: #282828;
			box-shadow: none;
		}

		&.selected {
			border-left-color: #212121;
			border-right-color: #212121;

			&:hover {
				background-color: #555;
			}
		}

		&.disabled {
			&:hover {
				background-color: #252525;
			}

			&.selected:hover {
				color: #333;
				background-color: #454545;
			}
		}
	}
}

.row-actions {
	display: flex;
	flex-wrap: wrap;
	padding-top: 5px;
}

.u-pos-relative{position:relative!important}

@media (min-width:768px){
.form-select{
		color:inherit;
		box-shadow:none;
		border-color:#ddd #0000 #ddd #ddd;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		padding-top:4px;
		padding-bottom:4px
		}
.form-select:focus{
	box-shadow:none
}
}
	
@media (min-width:1024px){.form-select{max-width:200px}}
	

.form-select{
	border-radius:4px;
	color:#4e4e4e;
	-webkit-appearance:none;
	appearance:none;
	text-shadow:0 0 #4b4b4b;
	background-color:#fff;
	background-image:url(/content/assets/images/arrow.svg);
	background-position:right 9px center;
	background-repeat:no-repeat;
	background-size:16px;
	border:1px solid #ccc;
	width:100%;
	padding:11px 30px 8px 12px;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	display:block;
	box-shadow:0 1px 4px #00000026
	}
.form-select:hover{border-color:#94c8f0}
.form-select:focus{border-color:#008fee;outline:0}
@media (min-width:480px){.form-select{font-size:.8rem}}

.form-select:disabled{text-shadow:1px 1px #fff;color:#686868;background-color:#e7e7e7}

.form-select:disabled:hover{border-color:#cfcfcf}

@media (min-width:768px){.form-select{max-width:384px;display:inline-block}}


.form-control{
	color:#4e4e4e;
	border-radius:4px;
	-webkit-appearance:none;
	appearance:none;
	background-color:#fff;
	border:1px solid #cfcfcf;
	width:100%;padding:8px 12px;
	font-size:16px;
	font-weight:400;
	line-height:1.5;
	transition:background-color .5s;
	display:block;
	box-shadow:0 1px 4px #00000026
	}
.form-control:hover{border-color:#94c8f0}

.form-control:focus{color:#333;background-color:#d7f9ff;border-color:#008fee;outline:0}
.form-control.list-editor{
	box-shadow:none;
	border-color:#0000;
	width:auto;
	padding-top:7px;
	padding-bottom:7px;
	position:absolute;
	top:1px;
	left:1px;
	right:30px
	}
.form-control.list-editor:hover{border-color:#0000}
.form-control.list-editor:focus{background-color:#fff}
.form-control.highlighted{color:#444;background-color:#fff7b6}
@media (min-width:480px){.form-control{font-size:.8rem}}


.form-control:disabled{text-shadow:1px 1px #fff;color:#686868;background-color:#e7e7e7}
.form-control:focus:disabled{background-color:#f1f1f1;border-color:#dedede}
.form-control:disabled:hover{border-color:#cfcfcf}

.optional{margin-left:6px;font-size:.8rem;font-weight:400}
.hint{color:#777;font-size:.8rem;font-style:italic;font-weight:400}