.clear { clear: both; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */
body {
	color: #000000;
	direction: ltr;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	padding: 0px !important;
	margin: 0px !important;
	background: #ffffff;
}
a, a:focus, a:hover, a:active {
	outline: 0 !important;
}

h1, h2, h3 {
	font-family: "Raleway", sans-serif;
}
img {
	border: 0px;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 0 0 0 0 !important;
	color: #858585;
	font-family: inherit;
	padding: 5px 4px;
	box-shadow: none;
}
::placeholder {
	color: #B5B5B5 !important;
}
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
	border-color: #B5B5B5;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
	outline: 0 none;
}
label {
	font-weight: normal;
}
span.input-icon, span.input-help {
	display: block;
	position: relative;
}
.input-icon > input {
	padding-left: 25px;
	padding-right: 6px;
}
.input-icon.input-icon-right > input {
	padding-left: 6px;
	padding-right: 25px;
}
span.input-help > input {
	padding-left: 30px;
	padding-right: 6px;
}
.input-icon > [class*="fa-"], .input-icon > [class*="clip-"] {
	bottom: 0;
	color: #909090;
	display: inline-block;
	font-size: 14px;
	left: 5px;
	line-height: 35px;
	padding: 0 3px;
	position: absolute;
	top: 0;
	z-index: 2;
}

.input-icon.input-icon-right > [class*="fa-"], .input-icon.input-icon-right > [class*="clip-"] {
	left: auto;
	right: 4px;
}
.input-icon > input:focus + [class*="fa-"], .input-icon > input:focus + [class*="clip-"] {
	color: #557799;
}

select.form-control {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-radius: 0 0 0 0;
	color: #858585;
  padding: 3px 4px;
	width: auto;
	min-width: 60px !important;
}
select.form-control option {
  padding: 3px 4px;
}

textarea.autosize {
	vertical-align: top;
	transition: height 0.2s;
}
.radio label.radio-inline, .checkbox label.checkbox-inline {
	display: inline-block;
}

.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {
	margin-right: 10px !important;
	margin-top: 5px !important;
	margin-left: 0 !important;
	margin-bottom: 10px !important;
}
.radio label, .checkbox label {
	margin-bottom: 5px;
}

.form-group .text {
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin-top: 7px;
}

.form-group {
/*	margin-bottom: 10px; */
}

.form-group .control-label{
/*
  font-weight: bold;
	color: #666
*/
}

.text-input{
	min-width: 80px !important;
}

.ui-datepicker {
	z-index: 3 !important; /* fix for date picker calendar pop up going underneath the next field below it */
}

/* ---------------------------------------------------------------------- */
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.example {
	margin: 15px 0;
	padding: 14px 19px;
}

.widget {
	box-sizing: content-box;
	color: #333;
	margin-bottom: 30px;
	padding: 10px 12px;
	position: relative;
}

.center {
	text-align: center;
}

.nopadding      { padding: 0; }
.nopadding-left { padding-left: 0; }

.separator > div {
	background-color: #ccc;
	margin-bottom: 15px;
	font-size: 18px;
	padding: 10px;
	line-height: 1.1;
	display: block;
	font-family: "Raleway", sans-serif;
}

.separator > div > a {
  color: #000000;
}

.separator-blank-line > div {
  margin-bottom: 5px;
  display: block;
}

.separator-html > div {
	margin-bottom: 15px;
	display: block;
}

.separator-collapsible:hover {
	cursor: pointer;
}
.separator-collapse-btn {
	float: right;
	color: #999;
	cursor: pointer;
}
.separator-collapsible:hover .separator-collapse-btn, .separator-collapse-btn:hover{
	color: #666;
}

.div-inline-block {
	display: inline-block !important;
}
.div-inline {
  display: inline !important;
}

.form-inline .div-inline .input-group .input-group-addon {
	width: 1% !important; /* override form-inline addon width so it doesn't get set to 100% */
}
.form-inline .div-inline .input-group .form-control {
	width: 100% !important; /* override form-inline .form-control field width so it doesn't get set to auto */
}

.field-row .listRow {
	padding: 1em 0;
}

.field-row__actions {
	position: relative;
}

.field-row__actions .insert-above {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 100%;
}

.field-row:hover .insert-above {
	display: block;
}

.field-row__actions .insert-above::after {
	font-size: 13px;
	/*noinspection CssNoGenericFontName*/
	font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free";
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;
	display:inline-block;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto;
	font-weight: 900;
	content: "\f067";
}


/* ---------------------------------------------------------------------- */
/*  Navbar and navbar elements
/* ---------------------------------------------------------------------- */
.navbar {
	margin: 0 !important;
	padding: 0 !important;
	min-height: 42px;
	border-radius: 0;
	border-right: none;
	border-left: none;
	border-top: none;
	background: none;
	border-color: #ffffff;
}
.header-default .navbar {
	position: relative !important;
}
.navbar-header .sidebar-title a {
	color: #666666;
  font-size: 30px;
  margin-left: 10px;
}
.navbar-header .sidebar-title a:hover {
	color: #428bca;
	text-decoration: none;
}
.navbar > .container .navbar-brand, .logo {
	padding: 14px 10px 12px;
	margin-left: 0;
	font-family: "Raleway", sans-serif;
	font-size: 25px;
	min-width: 210px;
}
.navbar > .container .navbar-brand i, .logo i {
	font-size: 20px;
}
ul.main-navigation-menu li > ul > li.indented_menu1 { padding-left: 1em; }
ul.main-navigation-menu li > ul > li.indented_menu2 { padding-left: 2em; }
ul.main-navigation-menu li > ul > li.indented_menu3 { padding-left: 3em; }
ul.main-navigation-menu li > ul > li.indented_menu4 { padding-left: 4em; }
ul.main-navigation-menu li > ul > li.indented_menu5 { padding-left: 5em; }

ul.notifications li, ul.todo li, ul.posts li {
	min-width: 260px;
}

.navbar-toggle {
	border: none;
	border-radius: 0;
	margin-top: 5px;
	margin-bottom: 4px;
}
.navbar-toggle span {
	font-size: 16px;
}

/* ---------------------------------------------------------------------- */
/*	Buttons
/* ---------------------------------------------------------------------- */
.btn {
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border-radius: 4px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
	/*background-color: #2d4259;
	border-color: #253648;
	color: #ffffff;*/
}

.btn-xs, .btn-group-xs>.btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}


.btn-squared {
	border-radius: 0 !important;
}
.btn {
	transition: all 0.3s ease 0s !important;
}
.btn-icon {
	background-color: #EFEFEF;
	background-image: linear-gradient(to bottom, #FAFAFA, #EFEFEF);
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: pointer;
	height: 80px;
	display: block;
	font-size: 14px;
	margin: 15px 0;
	padding-top: 5px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease 0s;
	color: #333333;
}

.btn-icon:hover {
	border-color: #A5A5A5;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	color: #444444;
	text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}
.btn-icon .badge {
	border-radius: 12px 12px 12px 12px !important;
	border-style: solid;
	border-width: 0;
	box-shadow: none;
	color: #FFFFFF !important;
	font-family: "Open Sans", sans-serif;
	font-size: 11px !important;
	font-weight: 300;
	padding: 3px 7px;
	position: absolute;
	right: -5px;
	text-shadow: none;
	top: -5px;
}
.btn-icon [class^="fa-"], .btn-icon [class*=" fa-"], .btn-icon [class^="clip-"], .btn-icon [class*=" clip-"] {
	clear: both;
	display: block;
}

/* ---------------------------------------------------------------------- */
/*	Panels and panel elements
 /* --------------------------------------------------------------------- */
.panel {
}
.panel-default > .panel-heading {
  background-color: #bbbbbb;
	border-bottom: 1px solid #CDCDCD;
}
.panel-default > .panel-heading a {
  color: #000;
}
.panel-default > .panel-footer {
  background-color: #bbbbbb;
}
.panel-heading > [class^="fa-"], .panel-heading > [class*=" fa-"], .panel-heading > [class^="icon-"], .panel-heading > [class*=" icon-"], .panel-heading > [class^="clip-"], .panel-heading > [class*=" clip-"] {
	border-right: 1px solid #CDCDCD;
	box-shadow: 1px 0 0 0 #FFFFFF;
	opacity: 0.7;
	padding: 12px 10px 8px;
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
}
.panel-heading h3 {
  margin: 4px 0 0;
}

/* ---------------------------------------------------------------------- */
/*	Main Container and main content elements
/* ---------------------------------------------------------------------- */
.header-default .main-container {
	margin-top: 0 !important;
}
.main-content {
	margin-top: 0;
	background-color: #FFFFFF;
	padding: 0;
}
.container {
	max-width: none !important;
	width: auto !important;
}

/* ---------------------------------------------------------------------- */
/*	Main Navigation
/* ---------------------------------------------------------------------- */
.main-navigation {
	padding: 0;
	max-height: none !important;
	z-index: 100;
}
ul.main-navigation-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-navigation .sidebar-title {
  width: 100%;
  text-align: center;
  font-size: 30px;
  margin: 16px 0;
}

ul.main-navigation-menu > li {
	border: 0 none;
	display: block;
	margin: 0;
	padding: 0;
}
ul.main-navigation-menu > li > a {
	border: 0 none;
	display: block;
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 10px 15px;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #FFFFFF;
}
ul.main-navigation-menu li  a .badge {
	float: right;
	margin-right: 13px;
	margin-top: 1px;
}
ul.main-navigation-menu > li:last-child > a, ul.main-navigation-menu > li.last > a {
	border-bottom-color: transparent !important;
}
ul.main-navigation-menu > li > a i {
	font-size: 16px;
	margin-right: 5px;
	text-shadow: none;
	display: inline-block;
}

ul.main-navigation-menu li a .icon-arrow {
	float: right;
	margin-right: 6px;
}
ul.main-navigation-menu li > a > .icon-arrow:before {
	content: "\e163";
	font-family: "clip-font";
}
ul.main-navigation-menu li.open > a > .icon-arrow:before {
	content: "\e164";
}
ul.main-navigation-menu > li > a:hover .icon-arrow, ul.main-navigation-menu > li.open > a .icon-arrow {
	opacity: 1;
}
/* 2nd level sub menu */
ul.main-navigation-menu li > ul {
	clear: both;
	list-style: none;
	margin: 8px 0;
	/*display: none;*/
	padding: 0;
}
ul.main-navigation-menu li > ul > li {
	background: none;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1px !important;
	padding: 0;
}
ul.main-navigation-menu li > ul > li > a {
	background: none;
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding-bottom: 5px;
	padding-left: 28px !important;
	padding-right: 0;
	padding-top: 5px;
	text-decoration: none;

	/* Menu Links: Show ellipsis "..." instead of wrapping menu text onto next line, show all text on hover and menu selected */
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 5px 0 0;

}
ul.main-navigation-menu li > ul > li > a > span > i.menu-prefix-icon{
	display: inline-block;
	width: 24px;
	margin-left: -24px;
  text-align: center;
}
ul.main-navigation-menu li > ul > li > a > span > i.menu-suffix-icon{
	margin-left: 6px;
}
ul.main-navigation-menu > li > ul li > a .icon-arrow {
	margin-right: 22px;
}
/* 3rd level sub menu */
ul.main-navigation-menu > li > ul li > ul {
	margin: 0;
}
ul.main-navigation-menu li.current > ul {
	display: block;
	padding: 0;
}

ul.main-navigation-menu > li > ul > li > ul > li > a {
	padding-left: 60px !important;
}
ul.main-navigation-menu > li > ul > li > ul > li > ul > li > a {
	padding-left: 80px !important;
}

/* ---------------------------------------------------------------------- */
/*	Footer and footer elemnts
/* ---------------------------------------------------------------------- */
.footer {
	font-size: 12px;
	padding: 8px 20px 5px;
	position: relative;
}

/* ---------------------------------------------------------------------- */
/*	Labels and Badges
/* ---------------------------------------------------------------------- */
.label {
	color: #333;
	font-size: 85% !important;
	padding: 0.4em 0.6em !important;
}

/* ---------------------------------------------------------------------- */
/*	Progress bar
/* ---------------------------------------------------------------------- */
.progress.progress-xs {
	height: 7px;
}
.progress.progress-sm {
	height: 12px;
}

/* ---------------------------------------------------------------------- */
/*	Modal elements
/* ---------------------------------------------------------------------- */

.modal-footer {
	background: #ECF0F1;
	border-radius: 0 0 6px 6px;
}

/* ---------------------------------------------------------------------- */
/*	Tabs
/* ---------------------------------------------------------------------- */
.tabbable {
	margin-bottom: 15px;
}
.nav-tabs {
	border-color: #DDDDDD;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	top: 1px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background-color: #FFFFFF;
	border-color: #DDDDDD #DDDDDD transparent;
	border-top: 2px solid #DDDDDD;
	color: #333333;
	line-height: 16px;
	margin-top: -1px;
	z-index: 12;
}

.nav-tabs > li:first-child > a {
	margin-left: 0;
}
.nav-tabs > li > a:hover {
	background-color: #FFFFFF;
	border-color: #DDDDDD;
	color: #4C8FBD;
}
.nav-tabs > li > a, .nav-tabs > li > a:focus {
	background-color: #F9F9F9;
	border-color: #DDDDDD;
	border-radius: 0 0 0 0 !important;
	color: #999999;
	line-height: 16px;
	margin-right: -1px;
	position: relative;
}
.tab-content {
	border: 1px solid #DDDDDD;
	padding: 16px 12px;
	margin-bottom: 25px;
	position: relative;
}
.nav-tabs > li > a > .badge {
	line-height: 8px;
	opacity: 0.7;
}
.nav-tabs > li > a > [class*="fa-"] {
	opacity: 0.75;
}
.nav-tabs > li.active > a > .badge, .nav-tabs > li.active > a > [class*="fa-"] {
	opacity: 1;
}
.nav-tabs li [class*=" fa-"], .nav-tabs li [class^="fa-"] {
	display: inline-block;
	text-align: center;
	width: 1.25em;
}
.nav-tabs > li.open .dropdown-toggle {
	background-color: #4F99C6;
	border-color: #4F99C6;
	color: #FFFFFF;
}
.nav-tabs > li.open .dropdown-toggle > [class*="fa-"] {
	color: #FFFFFF !important;
	opacity: 1;
}


.nav > li.active > .dropdown-toggle {
	cursor: pointer !important;
}
.nav-pills .open .dropdown-toggle > [class*="fa-"], .nav > li.dropdown.open.active > a:hover > [class*="fa-"], .nav > li.dropdown.open.active > a:focus > [class*="fa-"] {
	color: #FFFFFF !important;
}
.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .disabled[class*="fa-"]:first-child {
	color: #909090 !important;
}

.nav-tabs.tab-space-1 > li > a {
	margin-right: 1px;
}
.nav-tabs.tab-space-2 > li > a {
	margin-right: 2px;
}
.nav-tabs.tab-space-3 > li > a {
	margin-right: 3px;
}
.nav-tabs.tab-space-4 > li > a {
	margin-right: 4px;
}
.nav-tabs.tab-padding {
	padding: 6px 5px 0;
	border: 1px solid #DDDDDD;
}

/* ---------------------------------------------------------------------- */
/*	Page Header
/* ---------------------------------------------------------------------- */
.page-header {
	margin: 20px 0 20px;
}
.page-header h1 {
	color: #666666;
	font-size: 24px;
	font-family: "Raleway", sans-serif;
	font-weight: 50;
	letter-spacing: -1px;
	margin: 3px 0 10px;
	padding: 0px; }

.page-header h1 small {
	color: #888888;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
}

/* ---------------------------------------------------------------------- */
/*	Table and table elements
/* ---------------------------------------------------------------------- */
th.center, td.center {
	text-align: center;
}
.table {
  margin-bottom: 0px;
}
.table thead tr {
	color: #707070;
	font-weight: normal;
}
.table.table-bordered thead tr th {
	vertical-align: middle;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	vertical-align: middle;
}
.table thead > tr > th {
  background-color: #d8d8d8;
  border-bottom: none;
}

.editable-element {
	border-bottom: 1px dashed #0088CC;
	text-decoration: none;
	opacity: 0.5;
	display: inline;
}

.table-striped>tbody>tr:nth-child(even)>td {
	background-color: #F3F3F3;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
    background-color: #e7e7e7;
}

.alert {
	margin: 0 0 15px; }

.close {
	font-size: initial;
	line-height: normal;
	opacity: 1;
  margin-left: 10px;
  margin-bottom: 10px; }

.quickadd {
  margin: 10px;}

.quickadd button {
	margin-top: 22px; }

.dragger {
  text-align: center;
	cursor: ns-resize;
}
.dragger > span {
  color: #BBB;
  font-size: 80%;
}

/* ---------------------------------------------------------------------- */
/*  List Page
/* ---------------------------------------------------------------------- */

.listActions { text-align: center; }
.listActions > a { margin: 0 2px; }

/* ---------------------------------------------------------------------- */
/*  float-clear-children is used at the top and bottom of most admin ui pages: breadcrumbs/advancedActions on the left, buttons on the right
/* ---------------------------------------------------------------------- */

.float-clear-children > *:last-child  { float: right; margin-left:  5px; }
.float-clear-children > *:first-child { float: left;  margin-right: 5px; }
.float-clear-children:after {
  content: " ";
  clear: both;
  display: table;
}
/* add vertical padding between left and right floats if they wrap due to small screen size */
.panel-heading.float-clear-children,                 .panel-footer.float-clear-children                 { padding-top: 5px; }
.panel-heading.float-clear-children > *:first-child, .panel-footer.float-clear-children > *:first-child { padding-top: 5px; }
.panel-heading.float-clear-children > *:last-child,  .panel-footer.float-clear-children > *:last-child  { padding-top: 5px; }

/* ---------------------------------------------------------------------- */
/*  uploadlist (iframe)
/* ---------------------------------------------------------------------- */

.uploadIframe { border-width: 1px; border-color: #AAA; border-style: solid none; background-color: #EEE; }
.uploadlist { width: 100%; margin-bottom: 0 !important }
.uploadlist th { border-bottom: 1px solid #ddd; }

/* ---------------------------------------------------------------------- */
/*  horizontal-autoscroll (for list tables of any width)
/* ---------------------------------------------------------------------- */

.horizontal-autoscroll {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: auto;
	-webkit-overflow-scrolling: touch;
}


/* ---------------------------------------------------------------------- */
/*  myaccount links (only shown for larger screens)
/* ---------------------------------------------------------------------- */

.sidebar-myaccount {
  margin: 15px;
  text-align: right;
  color: #666;
}
.sidebar-myaccount a {
  font-size: 10px;
  color: #aaa;
}
.sidebar-myaccount a:hover {
  color: #fff;
  text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/*  Compatibility with font-awesome 3
/* ---------------------------------------------------------------------- */
[class^="icon-"], [class*=" icon-"] {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"], a [class*=" icon-"] {
  display: inline;
}
.icon-magic:before {
  content: "\f0d0";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-underline:before {
  content: "\f0cd";
}
.icon-eraser:before {
  content: "\f12d";
}
.icon-font:before {
  content: "\f031";
}
.icon-list-ul:before {
  content: "\f0ca";
}
.icon-list-ol:before {
  content: "\f0cb";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-text-height:before {
  content: "\f034";
}
.icon-table:before {
  content: "\f0ce";
}
.icon-link:before {
  content: "\f0c1";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-fullscreen:before {
  content: "\f0b2";
}
.icon-question:before {
  content: "\f128";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-refresh:before {
  content: "\f021";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-resize-full:before {
  content: "\f065";
}
.icon-check-empty:before {
  content: "\f096";
}
.icon-check:before {
  content: "\f046";
}
.icon-ok:before {
  content: "\f00c";
}
.icon-external-link-sign:before {
  content: "\f14c";
}
.icon-double-angle-left:before {
  content: "\f100";
}
.icon-double-angle-right:before {
  content: "\f101";
}





.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  color: #000;
  background-color: #fff;
  border-color: #aaa;
  border-width: 1px;
  padding: 7px 13px;
  margin-top: -1px;
}
.pagination>li>a, .pagination>li>span {
  color: #000;
  /*background-color: #fff;*/
  /*border-color: #ddd;*/
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
  color: #000;
  /*background-color: #eee;*/
  /*border-color: #ddd;*/
}

.pagination>li.text-muted>a {
  background-color: none;
  border: none;
  margin: 1px;
  color: #999;
}
.pagination>li.text-muted>a:hover, .pagination>li.text-muted>a:focus {
  color: #000;
}
.pagination>li.firstLast>a {
  padding-left:  0;
  padding-right: 0;
}
.pagination>li.text-muted>a:hover, .pagination>li.text-muted>span:hover, .pagination>li.text-muted>a:focus, .pagination>li.text-muted>span:focus {
  background-color: inherit;
  border-color: inherit;
}


.navbar-collapse.in {
  overflow-y: initial;
}

/* ---------------------------------------------------------------------- */
/* Select2 Bootstrap Style, based on: http://select2.github.io/select2-bootstrap-theme/
/* ---------------------------------------------------------------------- */

.select2-container--default .select2-selection--multiple{
	border-radius: 0 !important;
	border: 1px solid #D5D5D5 !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
	border-color: #66afe9 !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) !important;
}

.select2-selection--multiple::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	border: 5px transparent solid;
	border-top-color: #888;
	transform: translateY(-25%);
}

/* ---------------------------------------------------------------------- */
/* misc updates
/* ---------------------------------------------------------------------- */

.form-group {
	margin-bottom: 10px;
}

/* error log textareas */
.monospace textarea {
	font-family: monospace;
}

.uploadifive-button {
	margin: auto;
	padding: 0;
	display: block;
	max-width: 250px;
	width: 100%;
	font-weight: bold;
	color: #428BCA;
	cursor: pointer;
}
.uploadifive-button input[type="file"] {
	cursor: pointer;
}

.adminShortcuts {
  display: none;
}

.adminShortcuts a {
	color: #999;
	text-decoration: none;
}

.adminShortcuts a:hover {
	color: #CCC;
}

/* ---------------------------------------------------------------------- */
/* future checkbox styling
/* ---------------------------------------------------------------------- */

/*
.radio label, .checkbox label {
	margin-bottom: 5px;
}
*/

/* Remove excessive padding between sibling checkboxes */
/*
.form-group-checkbox {
	margin-bottom: -15px;
}
*/

/* ---------------------------------------------------------------------- */
/* emulate bootstrap 5 utility classes
/* ---------------------------------------------------------------------- */

/* Display utilities */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-grid { display: grid !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

/* Margin and Padding utilities */
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }   /* 4px if base font-size is 16px */
.mt-2 { margin-top: 0.5rem !important; }    /* 8px if base font-size is 16px */
.mt-3 { margin-top: 1rem !important; }      /* 16px if base font-size is 16px */
.mt-4 { margin-top: 1.5rem !important; }    /* 24px if base font-size is 16px */
.mt-5 { margin-top: 3rem !important; }      /* 48px if base font-size is 16px */
.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-1px { margin-right: 1px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.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: 0.25rem !important; }
.pe-2 { padding-right: 0.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: 0.25rem !important; }
.pb-2 { padding-bottom: 0.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: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.w-100 { width: 100% !important; }

/* Text alignment and decoration */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-nowrap { white-space: nowrap; !important; }
.text-decoration-line-through {	text-decoration: line-through !important; }
.text-decoration-none { text-decoration: none !important; }
.text-reset { color: inherit !important; }
.small { font-size: 0.875em !important; }
.text-danger-dark { color: #a94442 !important; }
.text-success-dark { color: #3c763d !important; }
.text-black { color: #000 !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.fw-normal { font-weight: normal !important; }
.fw-bolder { font-weight: bolder !important; }
.fw-bold { font-weight: bold !important; }


/* Float and Positioning */
.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none { float: none !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }

/* Visibility */
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }

/* Flexbox Flex Container*/
.flex-row {	display: flex; flex-wrap: wrap; }
.flex-column { flex-direction: column; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-auto { flex: 1 1 auto; }
.align-self-start { align-self: flex-start; }
.align-self-center { align-self: center; }
.align-self-end { align-self: flex-end; }

/* misc */
.w-auto { width: auto !important; }
.w-25   { width: 25% !important; }
.w-50	{ width: 50% !important; }
.w-75   { width: 75% !important; }
.w-100  { width: 100% !important; }
.opacity { opacity: inherit !important; } /* reset opacity */
.opacity-100 { opacity: 1 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-25 { opacity: 0.25 !important; }
.fs-1 { font-size: 2.5rem !important; } /* Equivalent to 40px */
.fs-2 { font-size: 2rem !important; } /* Equivalent to 32px */
.fs-3 { font-size: 1.75rem !important; } /* Equivalent to 28px */
.fs-4 { font-size: 1.5rem !important; } /* Equivalent to 24px */
.fs-5 { font-size: 1.25rem !important; } /* Equivalent to 20px */
.fs-6 { font-size: 1rem !important; } /* Equivalent to 16px */
.border {
	border-style: solid !important;
    border-width: 1px !important;
}
.bg-dark { background-color: #343a40 !important; }
.bg-secondary { background-color: #6c757d !important; }
.bg-secondary-subtle { background-color: #EBEBEB  !important; }
.bg-primary { background-color: #007bff !important; }
.bg-primary-subtle { background-color: #cce5ff !important; }

/* Fix for 1px gap between the tooltip and tooltip arrow */
.tooltip-arrow {
	margin-bottom: 1px !important;
}
.help-icon {
  color: #777;
}
.tooltip-inner {
	max-width: 350px;
	padding: 3px 8px;
	text-align: left;
}
.tooltip-inner code {
	background-color: #EEEEEE;
	color: #333333;
}

.unstyled-link {
  color: inherit;
  text-decoration: none;
}

/* UI Title Bar: Admin Shortcuts */

.titleShortcuts {
	visibility: hidden;
	color: #666
}

.titleShortcuts a {
	text-decoration: none;
}

div > h3:hover .titleShortcuts {
	visibility: visible;
}

.titleShortcuts a:hover i {
	color: inherit !important;
}

.editor-instructions {
	font-weight: bold;
}

/* Database > Field Editor > Text > Field Addons  */
.field-addon-input {
	border: none;
	background-color: #EEE !important;
	color: #555;
	padding: 6px 8px;
}
.field-addon-input:hover {
	border: 2px solid #66b2ff !important;
	background-color: #FFF !important;
	color: #000 !important;
	padding: 4px 4px;
}