/* Temporary: */
label.nomargin {
	margin: 0;
}
.ttHint *[title] {
	cursor: help;
}
/* 3115- hide the pesky Safari autofill icon */
input::-webkit-contacts-auto-fill-button {
	visibility: hidden;
	display: none !important;
	pointer-events: none;
	position: absolute;
	right: 0;
}
/* ------------------ Bootstrap Reset ------------------ */
/* ------ Styles ------ */

/* Removing Box Shadows */
.btn:active, .btn.active, .form-control, .has-error .form-control, .panel, .btn-group.open .dropdown-toggle, .dropdown-menu, .modal-content {
	box-shadow: none;	
}
/* Removing Borders */
.btn, .form-control, .panel, .panel-heading, .modal-content {
	border: none;
}
.modal-header, .modal-body {
	border-bottom: 0;
}
.modal-footer {
	border-top: 0;
}
/* Rounded Corners */
.modal-content {
	border-radius: 4px;
	background-color: #eef5fb;
}
.panel-heading, .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}
/* Z Index */
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: initial;
}
/* ------ Structure ------ */
.k-container {  /* for body tag to add standard wrapper */
	margin: 10px;
}
.container {
	max-width: 100%;
}
/* Rows and Columns */
.row, .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.input-group .form-control {
    z-index: inherit;
}

.input-group .form-control.hasDatepicker {
	z-index: inherit;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: inherit;
}
input[type="file"] {
	display: inline;
}
/* Forms */
.btn {
	padding: 7px 12px;
	white-space: normal;
}
label {
	margin-bottom: 7px;
	font-weight: normal;
}
.inline-form label {
	margin-bottom: 0;
}

/* ------------------ App Page Structure ------------------ */
.k-outer-container {
	display: table;
	width: 100%;
	height: 100vh;
}
.k-container-top, .k-container-bottom {
	width: 100%;
	display: table-row;
}
.k-container-top {
	background-color: #fff;
	height: 120px;
}
.k-container-bottom {
	height: calc(100vh - 120px);
}
.k-section {
	display: table-cell;
	vertical-align: top;
}
.k-section-left {
	width: 20%;
}
.k-section-right {
	width: 80%;
}
/* ------------ Top Section ------------ */
/* Top Logo */
.k-top-logo-container {
	vertical-align: middle;
	text-align: center;
	max-width: unset;
}
.k-top-logo {
	margin: 30px;
	margin-left: 27px;
	height: 60px;
	display: inline;
	max-width: initial;
}
/* ------ Top Menus ------ */
.k-top-menu-container {
	display: table;
	height: 100%;
	width: 100%;
}
/* User Menu */
.k-user-menu-container {
	display: table-row;
}
.k-menu-warning {
	float: left;
	margin-top: 15px;
	background-color: #f25646;
	color: #fff;
	border-width: 0 !important;
	padding: 7px 12px;
	line-height: 20px;
}
.alert.k-menu-warning {
	margin-bottom: initial;
}
.k-user-menu {
	float: right;
	padding-top: 15px;
	padding-right: 20px;
}
/* Tab Menu */
.k-tab-menu-container {
	display: table-cell;
	vertical-align: bottom;
}
.k-tab-menu {
	min-width: 700px;
	padding-left: 0;
	list-style-type: none;
}
.k-tab-menu-element {
	padding: 15px 20px;
	margin-right: 5px;
	float: left;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
    cursor: pointer;
}
.k-tab-menu-element h2 {
	font-size: 20px;
	color: #768097;
	margin: 0;
}
.k-tab-menu-element:hover {
	background-color: #f6fafd;
}
.k-tab-menu-element:hover h2{
	color: #535b6d;
}
.active .k-tab-menu-element {
	background-color: #eef5fb;
}
.active .k-tab-menu-element h2 {
	color: #202035;
}
/* ------------ Tab Body ------------ */
.k-container-bottom.tab-pane {
	display: none;
}
.k-container-bottom.tab-pane.active {
	display: table-row;
}
/* --- Spacing Adjustments --- */
/* Removes padding from first elements in the sidebar and main pane */ 
.k-sidebar-top .k-sidebar-element:first-child {
	margin-top: 0;
}
.k-pane > .table:first-child, .k-pane > *:first-child > .table:first-child, .k-pane > *:first-child *:first-child > .table:first-child, .k-toolbar + * .table:first-child {
	margin-top: -8px;
}
/* ------ Sidebar ------ */
.k-sidebar-container {
	background-color: #535b6d;
}
.k-sidebar {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 12px 0;
	height: 100%;
	width: 100%;
}
.k-sidebar-top, .k-sidebar-bottom {
	width: 100%;
}
.k-sidebar-top {
	flex-grow: 1;
}
/* --- Groups --- */
.k-sidebar-group {
	padding-left: 0;
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
}
/* --- Elements --- */
.k-sidebar-element {
	display: block;
	padding: 8px 20px;
	color: #dfe3e9;
}
a .k-sidebar-element:hover, a.k-sidebar-element:hover, .k-action:hover {
	background-color: #363649;
	color: #fff;
	cursor: pointer;
}
/* --- Titles --- */
.k-sidebar-title {
	font-weight: 700;
	margin-top: 12px;
	color: #fff;
	user-select: none;
}
/* --- Label --- */
/* Inside Group Element */
.k-sidebar-label {
	display: block;
	font-weight: 400;
	margin-top: -4px;
	margin-bottom: 7px;
}
.k-sidebar-tabs .k-sidebar-label {
	color: #fff;
}
/* --- Tabs --- */
.nav-tabs li {
	cursor: pointer;
}
.k-sidebar-tabs {
	margin-top: 12px;
	margin-bottom: 8px;
}
.k-sidebar-tabs:first-child {
	margin-top: 8px;
}
.k-sidebar-tabs .k-secondary-tab, .k-sidebar-tabs .k-sidebar-title.k-toggle {
	border-top: 2px solid #4c4c5d;
	padding-top: 7px;
	padding-bottom: 7px;
}
.k-sidebar-tabs .k-secondary-tab {
	padding-top: 5px;
	padding-bottom: 5px;
}
.k-secondary-tab > span:not(.k-badge) {
    padding: 2px 0;
    display: inline-block;
}
.k-secondary-tab > span.refCategoryTitle {
	padding-left: 12px;
}
.k-secondary-tab > span.k-sidebar-title {
	margin-top: 0px;
	padding-left: 0px;
}
.k-sidebar-tabs .active .k-secondary-tab > span.k-sidebar-title {
	color: #202035;
}
/* --- Sidebar Tabs & Sidebar Accordian --- */
/* Tab Accordion */
.k-sidebar-accordion > span {
	width: 100%;
	font-weight: 700;
}
/* Accordian Body */
.k-secondary-tab.k-sidebar-accordion + .k-sidebar-group {
	background-color: #9ca6b4;
	padding-bottom: 8px;
	padding-top: 8px;
}
/* Active / Not Collapsed */
.k-sidebar-tabs > li:last-child > *:last-child, .k-sidebar-tabs > li:last-child .k-sidebar-accordion.collapsed {
	border-bottom: 2px solid #4c4c5d;
}
.k-sidebar-tabs .active .k-secondary-tab, .k-sidebar-tabs .k-secondary-tab.k-sidebar-accordion {
	background-color: #fff;
	color: #202035;
	position: relative;
}
.k-sidebar-tabs .k-sidebar-accordion.collapsed {
	background-color: transparent;
	color: #fff;
}
/* Tab Arrow */
.k-sidebar-tabs .active .k-secondary-tab::after, .k-sidebar-tabs .k-sidebar-accordion::after {
    border-bottom: 10px solid transparent;
    border-right: 10px dashed #eef5fb;
    border-top: 10px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0;
    top: 7px;
    content: " ";
}
.k-sidebar-tabs .k-sidebar-accordion.collapsed::after {
	content:none;
}
/* --- Badge --- */
.k-badge {
    display: inline-block;
    min-width: 25px;
    float: right;
    vertical-align: middle;
	background-color: #7fd7ff;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    padding: 2px 4px;
    text-align: center;
}
.k-badge-none {
	background-color: #4c4c5d;
}
.k-badge-warning {
	background-color: #f25646;
}
.k-sidebar-tabs .active .k-badge-none {
	background-color: #bfc8d4;
}
/* --- Divider --- */
.k-secondary-tab-divider {
	border-top: 6px solid #4c4c5d;
}
/* --- Actions --- */
.k-action {
	display: table;
	width: 100%;
}
.k-action .glyphicon {
	display: table-cell;
	vertical-align: middle;
	width: 8px;
	padding-right: 8px;
}
 .k-action .glyphicon.spinning {
    -ms-transform-origin: 31% 50%; /* IE 9 */
    -webkit-transform-origin: 31% 50%; /* Chrome, Safari, Opera */
    transform-origin: 31% 50%;
 }
 
 /* ------ Main Pane ------ */
.k-pane-container {
	background-color: #eef5fb;
}
.k-pane {
	padding: 20px;
	color: #768097;
}
/* Form pane to make forms easy to see at small page widths */
.k-form-pane {
	max-width: calc(100vw - 247px); /* 207px for logo min width + 40px for k-pane padding */
}
/* --- Tables inside Panes ---- */
.k-pane .table {
	color: inherit;
}
/* Text Color */
.k-outer-container, .k-pane .table {
	color: #202035;
}

/* ------------------ Single Page Structure ------------------ */
/* --- Body --- */
.k-flex-simple-page {
	height: 100vh;
	overflow-y: scroll;
}
/* --- Outer Container --- */
.k-flex-container {
	width: 400px;
	max-width: 100%;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: auto;
	margin-left: auto;
}
/* Larger Container */
.k-flex-container-medium {
	width: 550px;
}
.k-flex-container-large {
	width:950px ;
}
/* --- Items --- */
.k-flex-item {
	max-width: 100%;
}
.k-flex-item.panel {
	width: 100%;
}
.k-flex-item.k-flex-item-small {
	width: 400px;
}
.k-flex-item.k-flex-item-medium {
	width: 550px;
}
/* --- Main Structure Responsive Margin/Padding --- */
@media (min-width: 768px) {
	.k-flex-simple-page {
		padding: 0 30px;
	}
	.k-flex-container {
		padding-top: 30px;
	}
	.k-flex-item {
		margin-bottom: 30px;
	}
}
@media (max-width: 767px) {
	.k-flex-simple-page {
		padding: 0 20px;
	}
	.k-flex-container {
		padding-top: 20px;
	}
	.k-flex-item {
		margin-bottom: 20px;
	}
}
/* --- Logos --- */
/* Shrinking space above logo */
.k-flex-pre-logo {
	flex-grow: 1;
	min-height: 0;
	max-height: 50px;
}
/* Logo */
.k-flex-logo img,
img.k-flex-logo {
	max-width: 100%;
	height: auto;
}
/* --- Expand to Fill Extra Space --- */
.k-flex-expand {
	flex-grow: 1;
}

/* ------------------ General Styles ------------------ */
/* ------------ Text Styles ------------ */
/* ------ Bootstrap Modifications ------ */
* {
	line-height: 135%;
	letter-spacing: .15px;
}
body {
    color: #202035;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	letter-spacing: .3px;
	line-height: 1.35;
}
h3, .h3 {
	font-weight: 700;
	font-size: 16px;
	margin: 15px 0;
	color: #202035;
}
h3:first-child, .h3:first-child {
	margin-top: 0;
}
h4, .h4 {
	font-size: 16px;
}
h5, .h5 {
	font-weight: 700;
	margin: 15px 0 7px 0;
}
/* ------ Our Text Styles ------ */
.k-text {
	color: #768097;
}
.k-subtle {
	color: #9ca6b4;
}
a.k-link {
	cursor: pointer;
}
/* Label */
.k-label {
	font-weight: 700;
}
.k-value {
	color: #202035;
}
::selection {
  background: rgba(127, 215, 255, 0.25); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(127, 215, 255, 0.25); /* Gecko Browsers */
}
/* --- Lists -- */
.k-bullets {
	padding-left: 15px;
}
/* ------------ Transitions ------------ */
/* ------ Transitions ------ */
.form-control {
	transition-property: color, background-color, box-shadow, padding, border-radius;
	transition-duration: 0.35s;
	transition-timing-function: ease;
}
label, .checkbox, .radio, .caret, .alert {
	transition: none;
}
/* ------------------ Our Components ------------------ */
.textAreaDiv {
	background: white;
	border: 1px solid #bfc8d4;
	padding: 2px;
} /*krevisit*/
.k-form-pane .textAreaDiv {
	border: none;
	border-radius: 4px;
	padding: 5px;
}/*krevisit*/
.textAreaContent { /* use with contenteditable="true" */
	white-space: pre-wrap;
	display: inline-block;/* Chrome needs this to prevent <divs> from inserting with cr  */
	width: 100%;
	min-height: 18px;
}/*krevisit*/
.k-form-pane .textAreaContent {
	min-height: 30px;
}/*krevisit*/
.textAreaContent.form-control {
	height: initial;
	min-height: 34px;
}/*krevisit*/ /* unsetting form-control height and resetting as min*/
.k-form-control-white {
	box-shadow: 0 0 0 2px rgba(191, 200, 212 , 1) inset;
}/*krevisit*/ /*adding a border when not selected */
/* ------ Flex Rows (uses flexbox IE11+) ------ */
/* Can be used instead of the regular bootstrap row class */
.k-flex-row {
	display: flex;
	align-items: center;
}
.k-flex-row > * + * {
	padding-left: 20px;
}
.k-flex-grow {
	flex-grow: 1;
}
/* ------ Field With Help Text (uses flexbox IE11+) ------ */
.k-field-tip-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.k-field-tip-group > * + *:not(.popover) {
	margin-left: 10px;
}
.k-field-tip-group .k-icon-button {
	padding-bottom: 3px;
}
/* ------ Scrolling ------ */
.k-scroll-frame {
	height: 100%;
	width: 100%;
	overflow-y: auto;
	border-radius: 4px;
	margin-bottom: 10px;
	background-color: #fff;
	min-height: 90px;
	max-height: calc(100vh - 295px); /* eForms Page */
}
.k-scroll-frame:last-child {
	margin-bottom: 0;
}
/* ------ Custom Toolbar ------ */
.k-toolbar {
	margin-bottom: 20px;
}
.k-toolbar-bottom {
	margin-top: 20px;
}
.k-toolbar-container {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}
.k-toolbar-container > .input-group {
	margin-bottom: 10px;
}
.k-toolbar-container .k-toolbar {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}
.k-toolbar-container .k-toolbar:last-child  {
	margin-right: 0;
}
/* The following elements can also be used in a button panel */
/* --- Fixed Input --- */
.k-input {
	display:block;
	color: #535b6d;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.42857;
}
/* --- Fixed Form Etry --- */
.k-field {
	max-width: 300px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;	
}
.k-field input{
	max-width: 100%;
	width: auto;
}
.k-field.k-date-field {
	max-width: 150px;
}
.k-field.k-tag-field {
	width: 175px;
	margin-top-left-radius: 4px;
	margin-bottom-left-radius: 4px;
}
.k-field:last-child  {
	margin-right: 0;
}
.k-field-bg {
	background-color: #fff;
    border-radius: 4px;
    color: #535b6d;
    display: block;
    padding: 6px 12px;
    width: 100%;
    line-height: 1.35714286;
    white-space: pre-wrap;
}
/* Matches Doug's auto expander size so that fields that turn editable don't change size*/ 
.k-field-bg,
textarea.form-control {
	line-height: 1.35714286;
}
/* --- Input Group --- */
.k-input-group {
	display: inline-table;
    vertical-align: top;
    max-width: 220px;
}
/* --- Other Items --- */
.k-toolbar-item {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 15px;
}
.k-toolbar-item:first-child, .k-toolbar-item + .k-toolbar-item {
	margin-left: 0;
}
.k-toolbar-item:last-child {
	margin-right: 0;
}
/* Select */
.k-toolbar-item label{
	display: inline-block;
}
.k-toolbar-item select{
	width: initial;
	display: inline-block;
	margin-left: 6px;
}
/* Checkmark */
.k-toolbar-item.k-checkbox {
	margin-top: 7px;
	margin-bottom: 7px;
}
/* --- Title --- */
/* Title That Aligns with Toolbar 
(but isn't neseted inside the toolbar */
h5.k-titlebar {
	margin-top: 15px;
}
.ui-dialog .k-titlebar {
	margin-bottom: 15px;
}
.ui-dialog .k-toolbar {
	margin-bottom: 5px;	
}
.ui-dialog .k-toolbar-bottom {
	margin-top: 15px;
}
.k-container .k-toolbar {
	margin-bottom: 5px;	
}
/* ------ Rule Builder ------ */
/* Outer Container */
.rb-container {
	position: absolute;
	padding-top: 10px;
	z-index: 1000;
	max-width: 600px;
	display: flex;
	flex-direction: column;
}
/* Builder */
.rb {
	height: 100%;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	border: 2px solid #dfe3e9;
}
/* Builder Arrow Detail */
.rb:before {
	content: " ";
	display: block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 2px solid transparent;
	border-top-color: #dfe3e9;
	border-left-color: #dfe3e9;
	position: absolute;
	top: 5px; /* 14px/2x - 2px */
	left: 25%;
	transform: rotate(45deg);
}
/* --- Header --- */
.rb-header {
	padding: 10px 15px;
	display: flex;
	border-bottom: 2px solid #dfe3e9;
}
/* Title */
.rb-title {
	flex-grow: 1;
	margin: 0;
	font-size: 18px;
	font-weight: 300;
}
/* --- Body --- */
.rb-body {
	display: flex;
	flex-direction: row;
	height: 250px;
	overflow: hidden;
}
.rb-scrollable-pane {
	overflow-y: auto;
	height: 100%;
	padding: 15px;
	flex-grow: 1;
}
/* --- Nav --- */
.rb-nav {
	display: flex;
	flex-direction: col;
	border-right: 2px solid #dfe3e9;
	overflow: hidden;
}
.rb-nav-list {
	flex-grow: 1;
}
/* --- Terms --- */
.rb-term {
	margin-bottom: 15px;
}
.rb-body h2, .rb-body h3, .rb-body h4, .rb-body h5  {
	margin-bottom: 0;
}
.rb-body h3, .rb-body h5  {
	margin-top: 10px;
}
.rb-body h4 {
	margin-top: 15px;
}
.rb-body p, .rb-body h6 {
	margin: 5px 0;
}

h2.rb-term-section {
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 0;
}
h2.rb-term-section:first-child {
	margin-top: 0;
}
h3.rb-term-sub-section {
	font-size: 16px;
	font-weight: 300;
}
h4.rb-term-group {
	font-size: 14px;
	font-weight: 600;
}
h5.rb-term-type {
	font-size: 14px;
	font-weight: 300;
}
h6.rb-term-nice-name {
	font-size: 14px;
	font-weight: 400;
}
/* Description */
.rb-body .rb-term-description {
	font-weight: 300;
}
/* Button */
.rb-term-button {
	padding: 5px 10px;
	border-radius: 15px;
}
/* ------ Dialog Columns ------ */
.k-dialog-col-container {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.k-dialog-col-container .k-dialog-col-half {
	display: table-cell;
	vertical-align: top;
}
/* Used in eForm browser to allow first col to expand when favourites are hidden */
.k-dialog-col-container .k-dialog-col-half + .k-dialog-col-half {
	padding-left: 15px;
	width: 50%;/* calc/safari doesn't work */
	/*width: calc(50% + 7.5px); krevist */
}
/* ------ Loader/Spinner ------ */
/* Animation */
.glyphicon.spinning {
    -webkit-animation: spin-webkit 1.5s infinite linear;
    animation: spin 1.5s infinite linear;
    margin-right: 8px;
}
.glyphicon.spinning-solo {
    margin-right: inherit;
}
@-webkit-keyframes spin-webkit {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}
/* ------ Centered Popup ------ */
.k-popup-container {
	position: fixed;
	left:50%;
}
.k-popup {
	position: relative;
	left:-50%;
	top: 20px;
}
/* ------ Fixed Menu ------ */
.k-fixed-menu {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* ------ Announcements Dropdown ------ */
/* --- Button Container --- */
.k-announcements {
	margin-right: 10px;
}
/* --- Dropdown Container --- */
div.k-announcements-dropdown {
	min-width: 400px;
	max-height: 400px;
	padding: 6px;
	overflow-y: auto;
}
/* --- No Announcements --- */
.dropdown-menu.k-announcements-dropdown > li > span {
	cursor: auto;
}
.dropdown-menu.k-announcements-dropdown > li > span:hover {
	background-color: initial;
	color: #6d7383;
}
/* --- Announcement Item --- */
.k-announcements-dropdown .k-announcement > * {
	display: flex;
	flex-direction: row;
	align-items: center;
	white-space: initial !important;
	color: #6d7383;
}
.k-announcement .k-announcement-details {
	flex-grow: 1;
	flex-shrink: 1;
	max-width: calc(100% - 20px);
}
/* --- Announcement with Link --- */
/* Hover States */
.k-announcement .k-announcement-link:hover {
	color: #202035;
}
.k-announcements-dropdown > li.k-announcement > a.k-announcement-link:hover,
.k-announcements-dropdown > li.k-announcement > a.k-announcement-link:active,
.k-announcements-dropdown > li.k-announcement > a.k-announcement-link:focus {
	background-color: initial;
}
/* Link Icon */
.k-announcement .k-announcement-link-icon {
	margin-left: 3px;
	color: #bfc8d4;
	font-size: 12px;
}
.k-announcement a:hover .k-announcement-link-icon {
	color: #ff8f3e;
}
/* --- New Announcement --- */
/* New Icon */
.k-announcement .k-new-announcement {
	color: #7fd7ff;
	margin-left: 12px;
}
/* ------ Icon Buttons ------ */
.glyphicon.k-icon-button:before {
	vertical-align: middle;
	font-size:16px;
	cursor: pointer;
}
/* ------ Table Button ------ */
.k-table-btn {
	width: 36px;
}
.k-table-btn, .k-table-btn * {
	cursor: pointer;
}

.table td.k-table-btn {
	padding: 0 !important;
}
.table-condensed .k-table-btn {
	width: 30px;
}
.k-table-btn > * {
	display: table;
	height: 100%;
	width: 100%;
	color: #48a1da;
	font-weight: 700;
}
.k-table-btn > * > span {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
	padding: 8px 12px;
}
.table-condensed .k-table-btn > * > span {
	padding: 5px 10px;
}
/* --- Disabled --- */
.k-table-btn.disabled, .k-table-btn.disabled * {
	cursor: default;
}
.k-table-btn.disabled > * > span {
	color: #9ca6b4 !important;
}
.k-table-btn.disabled:hover > * {
	background-color: transparent !important;
}
/* --- Heading --- */
.table th.k-table-btn-heading {
	padding-left: 12px;
}
.table.table-condensed th.k-table-btn-heading {
	padding-left: 10px;
}
/* --- Glyphicons --- */
.k-table-btn > * > .glyphicon {
	font-size: 16px;
	line-height: 1;
	top: 0;
}
.k-table-btn > * > .glyphicon {
	padding-left: 10px;
	padding-right: 10px;
}
.table-condensed .k-table-btn > * > .glyphicon {
	padding-left: 7px;
	padding-right: 7px;
}
/* --- Table Hover Colours --- */
.k-table-btn:hover > * > span {
	color: #fff;
}
.k-table-btn:hover > * {
	background-color: #48a1da;
}
.k-tb-green:hover > * {
	background-color: #11d293;
}
.k-tb-red > * > span {
	color: #f25646;
}
.k-tb-red:hover > * {
	background-color: #f25646;
}
/* ------ Form Notes ------ */
.k-form-note {
	display:inline-block;
	float: right;
}
.form-group .k-form-note {
		margin-bottom: 7px;
}
@media (min-width: 768px) {
	.form-horizontal .k-form-note {
		margin-top: 7px;
		margin-bottom: 0;
		padding-left: 0;
	}
}
/* Notes that appear aligned right underneath a field, eg text entry field */ 
.k-field-note {
	font-size: 12px;
	letter-spacing: .3px;
	font-style: italic;
	padding: 5px 5px 5px 0;
}
.btn + .k-field-note {
	padding-top: 10px;
}
/* ------ User Images ------ */
.k-user-image-container {
	max-width: 100%;
	padding: 12px;
	background-color: #fff;
	border-radius: 4px;
	margin-bottom: 12px;
	text-align: center;
}
.k-user-image {
	display: inline-block;
	max-width: 100%;
	max-height: 60px;
}

/* ------------------ Bootstrap Component Modifications ------------------ */
/* ------ Glyphicons ------ */
.glyphicon + .glyphicon {
	margin-left: 5px;
}
/* --- Icon Colours --- */
.glyphicon.k-ic-blue {
	color: #7fd7ff;
}
.glyphicon.k-ic-mblue {
	color:#48a1da
}
.glyphicon.k-ic-mgrey {
	color: #9ca6b4;
}
.glyphicon.k-ic-lgrey {
	color: #bfc8d4;
}
.glyphicon.k-ic-red {
	color: #f25646;
}
.glyphicon.k-ic-orange {
	color: #ff8f3e;
}
.glyphicon.k-ic-gold {
	color: #ffca00;
}
.glyphicon.k-ic-yellow {
	color: #fff342;
}
.glyphicon.k-ic-green {
	color: #11d293;
}
.glyphicon.k-ic-lgreen {
	color: #96ee5a;
}
.glyphicon.k-ic-purple {
	color: #9673b3;
}
/* Icon Hover Colours */
:focus > .glyphicon.k-ich-blue, a:hover > .glyphicon.k-ich-blue, span:hover > .glyphicon.k-ich-blue, li:hover > .glyphicon.k-ich-blue, .btn:hover .glyphicon.k-ich-blue, .k-ich-blue:hover {
	color: #7fd7ff;
}
:focus > .glyphicon.k-ich-mblue, a:hover > .glyphicon.k-ich-mblue, span:hover > .glyphicon.k-ich-mblue, li:hover > .glyphicon.k-ich-mblue, .btn:hover .glyphicon.k-ich-mblue, .k-ich-mblue:hover {
	color: #48a1da;
}
:focus > .glyphicon.k-ich-lgrey, a:hover > .glyphicon.k-ich-lgrey, span:hover > .glyphicon.k-ich-lgrey, li:hover > .glyphicon.k-ich-lgrey, .btn:hover .glyphicon.k-ich-lgrey, .k-ich-lgrey:hover {
	color: #bfc8d4;
}
:focus > .glyphicon.k-ich-dgrey, a:hover > .glyphicon.k-ich-dgrey, span:hover > .glyphicon.k-ich-dgrey, li:hover > .glyphicon.k-ich-dgrey, .btn:hover .glyphicon.k-ich-dgrey, .k-ich-dgrey:hover {
	color: #535b6d;
}
:focus > .glyphicon.k-ich-white, a:hover > .glyphicon.k-ich-white, span:hover > .glyphicon.k-ich-white, li:hover > .glyphicon.k-ich-white, .btn:hover .glyphicon.k-ich-white, .k-ich-white:hover {
	color: #fff;
}
:focus > .glyphicon.k-ich-red, a:hover > .glyphicon.k-ich-red, span:hover > .glyphicon.k-ich-red, li:hover > .glyphicon.k-ich-red, .btn:hover .glyphicon.k-ich-red, .k-ich-red:hover {
	color: #f25646;
}
:focus > .glyphicon.k-ich-red-d20, a:hover > .glyphicon.k-ich-red-d20, span:hover > .glyphicon.k-ich-red-d20, li:hover > .glyphicon.k-ich-red-d20, .btn:hover .glyphicon.k-ich-red-d20, .k-ich-red-d20:hover {
	color: #b23f32;
}
:focus > .glyphicon.k-ich-orange, a:hover > .glyphicon.k-ich-orange, span:hover > .glyphicon.k-ich-orange, li:hover > .glyphicon.k-ich-orange, .btn:hover .glyphicon.k-ich-orange, .k-ich-orange:hover {
	color: #ff8f3e;
}
:focus > .glyphicon.k-ich-gold, a:hover > .glyphicon.k-ich-gold, span:hover > .glyphicon.k-ich-gold, li:hover > .glyphicon.k-ich-gold, .btn:hover .glyphicon.k-ich-gold, .k-ich-gold:hover {
	color: #ffca00;
}
:focus > .glyphicon.k-ich-green, a:hover > .glyphicon.k-ich-green, span:hover > .glyphicon.k-ich-green, li:hover > .glyphicon.k-ich-green, .btn:hover .glyphicon.k-ich-green, .k-ich-green:hover {
	color: #11d293;
}
:focus > .glyphicon.k-ich-lgreen, a:hover > .glyphicon.k-ich-lgreen, span:hover > .glyphicon.k-ich-lgreen, li:hover > .glyphicon.k-ich-lgreen, .btn:hover .glyphicon.k-ich-lgreen, .k-ich-lgreen:hover {
	color: #96ee5a;
}
/* ------ Alerts ------ */
.alert {
	margin-bottom: 20px;
	border-width: 2px;
}
.panel-body .alert, .ui-dialog .alert {
	margin-bottom: 15px;
}
.panel-body .alert:last-child, .ui-dialog .alert:last-child {
	margin-bottom: 0;
}
.alert .btn {
	margin-top: 10px;
}
/* --- Warning Alert --- */
.alert-warning {
	color: #ff8f3e;
	border-color: #ff8f3e;
}
/* --- Success Alert --- */
.alert-success {
	color: #11d293;
	border-color: #11d293;
}

.alert-critical-card {
	border: 2px solid #f25646;
	background-color: #fff;
}

.alert-warning-card {
	border: 2px solid #ff8f3e;
	background-color: #fff;
}

.alert-info-card {
	border: 2px solid #48a1da;
	background-color: #fff;
}

.alert-critical-summary {
	color: #f25646;
}

.alert-warning-summary {
	color: #ff8f3e;
}

.alert-info-summary {
	color:  #48a1da;
}

.alert-source {
	font-weight: lighter;
	font-style: italic;
}
/* ------ Modals ------ */
.modal-backdrop {
	background-color: #535b6d;
	opacity: .75 !important;
}
.modal-content {
	background-color: #eef5fb;
}
.modal-header {
	padding: 10px 12px;
	background-color: #bfc8d4;
	color: #fff;
}
/* --- Tabs --- */
.nav-tabs li {
	cursor: pointer;
}
/* ------ Dropdown Menu ------ */
.dropdown-menu {
	border: 2px solid #48a1da;
	overflow: hidden;
	padding: 0;
}
.dropdown-menu .divider {
    background-color: #c9e9ff;
    height: 1.5px;
    margin: 0;
}
.dropdown-menu > li > span,
.dropdown-menu.ui-autocomplete {
	display: block;
}
.dropdown-menu > li > span, 
.dropdown-menu > li > a,
.dropdown-menu > .ui-menu-item > .ui-menu-item-wrapper,
.dropdown-menu > li > div > a {
	padding: 6px 12px;
	color: #6d7383;
	cursor: pointer;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > div > a,
.dropdown-menu > .active > div > a:hover,
.dropdown-menu > .active > div > a:focus {
	background-color: #c9e9ff;
}
/*
.dropdown-menu > li:first-child > span, .dropdown-menu > li:first-child > a {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}
.dropdown-menu > li:last-child > span, .dropdown-menu > li:last-child > a {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
*/
.dropdown-menu > li > span:hover, 
.dropdown-menu > li > span:focus, 
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.dropdown-menu > li > div > a:hover,
.dropdown-menu > li > div > a:focus,
.dropdown-menu > li > div:hover,
.dropdown-menu > li > div:focus {
    background-color: #f6fafd;
    color: #202035;
    text-size: 10px;
}
/* Grey Dropdown */
.btn-info + .dropdown-menu,
.btn-menu-bar + .dropdown-menu {
	border-color: #9ca6b4;
	min-width: 100%;
}

/* ------ Tables ------ */
.table tbody, .table thead, .table tr {
	height: 100%;
}
.table {
	margin-bottom: 12px;
}
/* --- Striping --- */
.table-striped > tbody {
	background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(2n) {
	background-color: #f6fafd;
}
.table-striped > tbody > tr.disabled {
	background-color: #c0c0c0;
}
/* Buttons */
.table-striped tr:nth-of-type(2n+1) .btn-default:not(:hover):not(:focus):not(:active),
.table-striped tr:nth-of-type(2n+1) .btn-danger:not(:hover):not(:focus):not(:active) {
	background-color: #f6fafd;
}
/* --- Hover --- */
.table-hover > tbody > tr:hover {
    background-color: #eff1f4;
}
.table-hover > tbody > tr.oSelectedRow {
    background-color: #dfe3e9;
}
.table a:hover {
	color: #0080ba;
}
/* --- Header --- */
.table > thead > tr > th {
	border-bottom-color: #9ca6b4;
}
.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none;
}
/* --- Reg --- */
.table td:first-child, .table th:first-child {
	padding-left: 12px;
}
.table td:last-child, .table th:last-child {
	padding-right: 12px;
}
/* --- Condensed --- */
.table-condensed td:first-child, .table-condensed th:first-child {
	padding-left: 8px;
}
.table-condensed td:last-child, .table-condensed th:last-child {
	padding-right: 8px;
}
/* --- Announcements Table --- */
table.table-announcements > tbody {
	background-color: #dfe3e9;
	border-top-width: 0;
}
.table-announcements > tbody:nth-of-type(2n + 1) > tr:nth-of-type(1) {
	background-color: #ffffff;
}
.table-announcements > tbody:nth-of-type(2n) > tr:nth-of-type(1) {
	background-color: #f6fafd;
}
.table-announcements tr:nth-of-type(2) {
	background-color: #535b6d;
	color: #fff;
}
table.table-announcements > tbody > tr > td {
	vertical-align: middle;
}
/* Buttons */
.table-announcements > tbody:nth-of-type(2n + 1) > tr:nth-of-type(1) .btn-default:not(:hover):not(:focus):not(:active),
.table-announcements > tbody:nth-of-type(2n + 1) > tr:nth-of-type(1) .btn-danger:not(:hover):not(:focus):not(:active) {
	background-color: #f6fafd;
}
/* ------------ Buttons ------------ */
.glyphicon.k-icon-left {
	margin-right: 6px;
}
.glyphicon.k-icon-right {
	margin-left: 6px;
}
/* Template Menu */
.template-menu .ui-dialog-content {
	padding: 0px;
}
.template-menu .template-menu-header {
	border-bottom: 1px solid #9ca6b4;
	padding: 5px 10px 5px 10px;
	display: flex;
	justify-content: space-between;
}
.template-menu .template-menu-item {
	padding: 5px 10px 5px 10px;
	text-align: left;
}
.template-menu .active {
	font-weight: bold;
	background-color: #f6fafd;
}
.template-menu .template-menu-item:hover {
	background-color: #f6fafd;
}
.template-menu .template-menu-scroll-pane {
	max-height: 200px;
	overflow-y: scroll;
}
.template-menu .template-menu-header label {
	padding-left: 0px;
	padding-right: 5px;
}
.template-menu .template-no-matches {
	color: #6d7383;
	padding: 10px 10px 10px 10px;
}
.template-menu .template-menu-footer {
	display: flex;
	flex-direction: column;
	border-top: 1px solid #9ca6b4;
}
/* Cursors (to override ttHint) */
.ttHint .btn[title], .ttHint button[title] {
	cursor: pointer
}
/* --- Button Types --- */
/* Primary */
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #48a1da;
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background: #0080ba;
}
.btn-primary.disabled, .btn-primary[disabled] {
	background: #bfc8d4 !important;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background: #bfc8d4;
	color: rgba(255,255,255,0.9);
}
/* Default */
.btn-default {
	background: #fff;
	color: #768097;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background: #535b6d;
	color: #fff;
}
.btn-default:focus, .btn-default.focus, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default.focus:active, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
	background: #363649;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
	 background:#bfc8d4;
	 color: rgba(255,255,255,0.9);
}
/* Info */
.btn-info {
	background: #bfc8d4;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
	background: #9ca6b4;
}
.btn-info:focus, .btn-info.focus, .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info.focus:active, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
	background: #6d7383;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
	background:#bfc8d4;
	color: rgba(255,255,255,0.9);
}
/* Danger */
.btn-danger {
	color: #f25646;
	background: #fff;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
	background: #f25646;
	color: #fff;
}
.btn-danger:focus, .btn-danger.focus, .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger.focus:active, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
	background: #c64739;
}
/* Menu Bar */ /* Used in SIS */
.btn-menu-bar {
	background: transparent;
	color: #fff
}
.btn-menu-bar:hover, .btn-menu-bar:active, .btn-menu-bar.active, .open > .dropdown-toggle.btn-menu-bar {
	background: #868c99;
}
.btn-menu-bar:focus, .btn-menu-bar.focus, .btn-menu-bar:active:hover, .btn-menu-bar.active:hover, .open > .dropdown-toggle.btn-menu-bar:hover, .btn-menu-bar:active:focus, .btn-menu-bar.active:focus, .open > .dropdown-toggle.btn-menu-bar:focus, .btn-menu-bar.focus:active, .btn-menu-bar.active.focus, .open > .dropdown-toggle.btn-menu-bar.focus {
	background: #9ca6b4;
}
/* Preview */
.btn-preview {
	color: #9673b3;
	background: #fff;
}
.btn-preview:hover, .btn-preview:active, .btn-preview.active, .open > .dropdown-toggle.btn-preview {
	background: #9673b3;
	color: #fff;
}
.btn-preview:focus, .btn-preview.focus, .btn-preview:active:hover, .btn-preview.active:hover, .open > .dropdown-toggle.btn-preview:hover, .btn-preview:active:focus, .btn-preview.active:focus, .open > .dropdown-toggle.btn-preview:focus, .btn-preview.focus:active, .btn-preview.active.focus, .open > .dropdown-toggle.btn-preview.focus {
	background: #9673b3;
}
/* For buttons with white backgrounds normally*/
.k-btn-alt {
	background: #eef5fb;
}
/* --- Flex Button --- */
.k-flex-button {
	display: flex;
	align-items: center;
}
.k-flex-button > *:not(.glyphicon) {
	flex-grow: 1;
	text-align: left;
}
.k-flex-button > * + * {
	margin-left: 6px;
}
/* --- Button Spacing --- */
.btn {
	margin-right: 4px;
} /* This should be removed but k-toolbar and btn-toolbar need to be reconcilled first */
.btn.btn-link {
    margin: 0;
    padding: 3px 5px 3px 3px;
}
.pull-right .btn, .pull-right.btn {
	margin-right: 0;
	margin-left: 4px;
}
.pull-right .btn:first-child {
	margin-left: 0;
}
@media (min-width: 768px) {
	.pull-right-sm .btn, .pull-right-sm.btn {
		margin-right: 0;
		margin-left: 4px;
	}
}
.btn:last-child {
	margin-right: 0;
}
.btn-group .btn {
	margin-right: 0;
}
/* --- Button Images --- */
.btn img {
	max-height: 18px;
    vertical-align: text-bottom;
}
/* ------ Caret ------ */
.k-caret-container {
	float: right;
}
.collapsed .k-container {
	padding-bottom: 0;
}
.caret, .btn .caret {
	margin-bottom: 2px;
}
.btn .caret:not(:first-child) {
	margin-left: 6px;
}
/* --- Toggle --- */
.k-toggle .caret, .panel .caret, .k-sidebar-accordion .caret {
	border-top: none;
    border-bottom: 4px dashed;
}
.collapsed .k-toggle .caret, .panel .collapsed .caret, .k-sidebar-accordion.collapsed .caret {
	border-top: 4px dashed;
	border-bottom: none;
}
/* ------ Groups ------ */
.input-group .k-last {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
/* --- Button Groups --- */
.input-group-btn .btn {
	margin-right: 0;
}
.form-control:focus + .input-group-btn .btn {
    box-shadow: 0 0 0 2px rgba(127, 215, 255, 1) inset;
}
/* Gaps between buttons */
.k-group-gaps.btn-group .btn + .btn,
.k-group-gaps.btn-group .btn + .btn-group,
.k-group-gaps.btn-group .btn + .input-group-item,
.k-group-gaps.btn-group .btn-group + .btn,
.k-group-gaps.btn-group .btn-group + .btn-group,
.k-group-gaps.btn-group .btn-group + .input-group-item,
.k-group-gaps.btn-group .input-group-item + .btn,
.k-group-gaps.btn-group .input-group-item + .btn-group,
.k-group-gaps.btn-group .input-group-item + .input-group-item
 {
	margin-left: 1px;
}

/* Non button button group item */
.input-group-item {
	padding: 7px 12px;
	float: left;
	background-color: #fff;
	line-height: 1.42857143;
}
.input-group-item-alt {
	background: #eef5fb;
}
.input-group-item:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.input-group-item:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;	
}

/* --- Input Groups --- */
/* Labels */
.input-group-addon {
	border: 0;
	color: #fff;
	background-color: #7fd7ff;
}

.has-error .input-group-addon {
	border: 0;
	color: #fff;
	background-color: #f25646;
}

.has-warning .input-group-addon {
	border: 0;
	color: #fff;
	background-color: #ffca00;
}

.has-success .input-group-addon {
	border: 0;
	color: #fff;
	background-color: #97ef5a;
}
/* ----- Button Toolbar ------ */
.btn-toolbar {
	margin-top: -5px;
}
/* buttons and button groups */
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
    margin-top: 5px;
}
.btn-toolbar > .btn {
	margin-right: 0;
}
/* Spacing inside panels */
.panel-body .btn-toolbar {
	margin-top: 10px;
	margin-bottom: 15px;
}
.panel-body .btn-toolbar:first-child {
	margin-top: 0;
}
.panel-body .btn-toolbar:last-child {
	margin-bottom: 0;
}
/* ------------ Forms ------------ */
/* ------ Vertical Forms ------ */
.form-horizontal .control-label{
	padding-right: 0;
}
@media (max-width: 992px) {
	.col-sm-6 .form-horizontal .form-group .control-label {
	    margin-bottom: 7px;
	    padding-top: 0;
	}
	.col-sm-6 .form-horizontal .form-group .radio, .col-sm-6 .form-horizontal .form-group .checkbox {
		min-height: initial;
		padding-top: initial;
	}
}
@media (max-width: 768px) {
	.form-horizontal .radio, .form-horizontal .checkbox  {
		min-height: initial;
		padding-top: initial;
	}
}
/* ------ Radio Buttons ------ */
.form-group {
	margin-bottom: 10px;
}

/* ------ Radio Buttons ------ */
input[type="radio"] {
	margin-right: 4px;
}
/* ------ Checkboxes ------ */
input[type="checkbox"] {
	margin-right: 3px;
}
.k-checkbox input[type="checkbox"] {
    opacity: 0;
	margin-right: 0;
	position: absolute;
	width: 28px;
	height: 28px;
	margin-left: -4px;
	margin-top: -4px;
	cursor: pointer;
}
.k-checkbox input[type="checkbox"] + span {
	display:inline-block;
	vertical-align: middle;
	width:20px;
	height:20px;
	font-size: 12px; /*krevisit; needed for WebQ's font-size 16 */
	box-shadow: 0 0 0 2px rgba(191, 200, 212, 1) inset;
	border-radius: 4px;
	background: #fff;
	margin: -3px 10px 0 -30px;
	cursor: pointer;
}
.k-checkbox label {
	padding-left: 30px;
}
.k-checkbox input[type="checkbox"] + span:before {
	content: none;
	cursor: pointer;
}
.k-checkbox input[type="checkbox"]:checked + span:before {
	font-family: 'Glyphicons Halflings';
	content:"\e013";
	width: 100%;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	padding-right: .5pt;
	padding-top: .5pt;
}
.k-checkbox input[type="checkbox"] + span + a {
	margin-left: -2px;
}
/* Focus */
.k-checkbox input[type="checkbox"]:focus + span {
	box-shadow: 0 0 0 2px rgba(127, 215, 255, 1) inset;
}
/* Error */
.k-checkbox.has-error input[type="checkbox"] + span {
	box-shadow: 0 0 0 2px rgba(242, 86, 70, 1) inset;
}
/* --- Checkbox On The Right --- */
.k-checkbox.k-checkbox-right label {
	padding-left: 0;
	padding-right:0;
}
.k-checkbox.k-checkbox-right input[type="checkbox"] + span {
	margin-left: 6px;
	margin-right: 0;
}
.k-checkbox.k-checkbox-right input[type="checkbox"] {
	margin-left: 2px; /* 6px - 4px */
}
/* --- Checkbox In Form --- */
form .k-checkbox input[type="checkbox"] {
	margin-left: -34px;
}
form .k-checkbox input[type="checkbox"] + span {
	margin: -3px 10px 0 -30px;
}
/* --- Checkbox In Table --- */
.table .k-checkbox.checkbox {
	margin: 0;
}
.table .k-checkbox input[type="checkbox"]:checked  + span {
	background: #48a1da;
}
.table .k-checkbox input[type="checkbox"]:checked:not(:focus)  + span {
	box-shadow: 0 0 0 2px #48a1da inset;
}
.table .k-checkbox input[type="checkbox"]:checked  + span:before {
	color: #fff
}
/* --- Checkbox In Signup Form --- */
.k-signup-checkbox {
	margin-top: 27px;
	margin-bottom: 15px;
}
/* ------ Form Fields ------ */
.form-control:focus {
	box-shadow: 0 0 0 2px rgba(127, 215, 255, 1) inset;
}
.has-error .form-control, .has-error .form-control:focus {
	box-shadow: 0 0 0 2px rgba(242, 86, 70, 1) inset;
}

.has-warning .form-control, .has-warning .form-control:focus {
	box-shadow: 0 0 0 2px #ffca00 inset;
}

.has-success .form-control, .has-success .form-control:focus {
	box-shadow: 0 0 0 2px #97ef5a inset;
}

/* --- Outlined --- */
.k-outlined-field.form-control:not(:focus),
.table .form-control:not(:focus) {
	box-shadow: 0 0 0 2px rgba(191, 200, 212, 1) inset;
}

.table .has-error .form-control:not(:focus) {
	box-shadow: 0 0 0 2px rgba(242, 86, 70, 1) inset;
}

/* -- Compact Form --*/
/* Label */
.k-form-control-compact label {
	margin-bottom: 0;
}
.k-label-compact {
	text-align: right;
}
.k-label-compact > label {
	margin-bottom: 0;
}
/* Field */
.k-form-control-compact {
	width: 100%;
}
/* Radio buttons */
.k-form-control-compact .radio-inline {
	margin: 0px 3px 4px 2px;
	display: inline-block;
}

/* ------ Input Note ------ */
.k-input-note {
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
}

/* ------------ Panels ------------ */
/* Hides header element when panel is closed */
.panel > .collapsed > .k-panel-open {
	display: none;
}
.panel-title {
	font-weight: 700;
}
.panel-body {
	color: #2c303a;
}
.panel-body h4 {
	font-weight: 700;
	color: #535b6d;
	margin-top: 20px;
}
.panel-body strong {
	color: #48a1da;
}
/* --- Table --- */
.panel .table td:first-child, .panel .table th:first-child {
	padding-left: 15px;
}
.panel .table td:last-child, .panel .table th:last-child {
	padding-right: 15px;
}
/* --- Paragraphs --- */
.panel-body > p:last-child {
	margin-bottom: 0;
}
/* ------ Custom Panel ------ */
.panel.panel-default.k-panel {
	background: white;
}
/* ------ Panel Status Bars ------ */
.panel-status {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
}
.panel-status-info {
	background-color: #48a1da;
}
.panel-status-success {
	background-color: #11d293;
}
.panel-status-warning {
	background-color: #ff8f3e;
}
.panel-status-danger {
	background-color: #f25646
}
/* ------ Button Panel (for within panels) ------ */
.k-button-panel {
	margin-bottom: -4px;
}
.k-button-panel .btn {
	margin-bottom: 4px;
}
/* ------ Settings Panel ------ */
.k-settings-panel > .panel-heading, .k-setting-panel > .panel-body { 
	border-radius: 0;
}
.k-settings-panel > .panel-heading, .k-settings-panel > .panel-body {
	padding-left: 12px;
	padding-right: 12px;
}
.k-settings-panel > .panel-heading {
    width: 100%;
    background-color: #535b6d;
    padding: 0;
    padding-left: 12px;
    overflow: hidden;
}
.k-settings-panel .k-settings-panel-title {
	display: inline-block;
	padding: 10px 12px 10px 0;
	font-weight: 500;
}
.k-settings-panel > .panel-heading > .btn-group .btn {
	line-height: 21.6px;
	color: #dfe3e9;
	background-color: transparent;
	border-radius: 0;
	padding: 10px 12px;
	border-left: 2px solid #4c4c5d;
	border-top: 2px solid #4c4c5d;
	margin-top: -2px;
}
.k-settings-panel > .panel-heading > .btn-group .btn + .btn {
	margin-left: 0;
}
.k-settings-panel > .panel-heading > .btn-group .btn:hover {
	color: #fff;
	background-color: #363649;
}
.k-settings-panel > .panel-body {
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
}
.k-settings-panel .table {
	background-color: #fff;
}
.panel thead {
	background-color: #cfd6de;
}
.panel .table > thead > tr > th {
	border-bottom: 0;
}
.k-settings-panel .table td:first-child, .k-settings-panel .table th:first-child {
	padding-left: 12px;
}
.k-settings-panelk-settings-panel .table td:last-child, .k-settings-panel .table th:last-child {
	padding-right: 12px;
}
/* ------ Toggle Panels ------ */
.k-toggle-panel {
	background-color: #eff1f4;
	margin-bottom: 12px;
}
.k-toggle-panel:last-child {
	margin-bottom: 0;
}
.k-toggle-panel > .panel-heading {
	background-color: #dfe3e9;
	color: #535b6d;
	cursor: pointer;
}
.k-toggle-panel > .panel-heading.collapsed {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.k-toggle-panel > .panel-heading[data-toggle=collapse]:hover {
	background-color: #cfd6de;
	color: #202035;
}
.k-toggle-panel .k-toggle-panel-title {
	font-weight: 700;
}
.k-toggle-panel .k-button-panel {
	margin-bottom: -4px;
	margin-top: 5px;
}
/* --- Panel Reset --- */
.panel.k-eform, .panel.k-eform-fav {
	margin: 0; padding: 0;
	margin-bottom: initial;
	background-color: transparent;
}
/* --- Element Padding --- */
.k-eform > div, .k-eform-fav-title, .k-eform .k-button-panel, .k-eform-fav .k-button-panel {
	padding-left: 12px;
	padding-right: 29px; /* Larger to accomodate 17px scroll bar */
}
.k-eform-head, .k-eform-fav-title {
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}
.k-eform-fav .k-eform-head {
	padding-top: 3px;
	padding-bottom: 3px;
}
.k-eform  .k-button-panel, .k-eform-fav .k-button-panel {
	padding-bottom: 6px;
	margin-bottom: 0;
}
.k-eform-fav .k-button-panel {
	padding-top: 9px;
}
.k-eform .k-button-panel {
	padding-top: 3px;
}
.k-eform-fav .k-eform .k-button-panel {
	padding-bottom: 4px;
}
/* First/Last Element Padding */
.k-scroll-frame > .panel:first-child > div:first-child {
	padding-top: 8px;
}
.k-scroll-frame > .panel:last-child > div.collapsed:first-child {
	padding-bottom: 8px;
}
/* --- Expanded Colors --- */
/* Lvl 1 */
.k-scroll-frame > .panel > div:not(.collapsed), .k-scroll-frame > .panel > div:not(.collapsed) ~ div {
	background-color: #dfe3e9;
}
.k-scroll-frame > .panel .panel > div:not(.collapsed), .k-scroll-frame > .panel .panel > div:not(.collapsed) ~ div {
	background-color: #eff1f4;
}
.k-scroll-frame .collapsing {
    transition-property: height, visibility, background-color;
}
/* Lvl 2 */
.k-scroll-frame .panel:hover > div.collapsed, .k-scroll-frame .panel:hover > div.collapsed ~ div {
	background-color: #eff1f4;
}
/* --- Headings --- */
.k-eform-name, .k-eform-fav-title {
	font-weight: 700;
	color: #535b6d;
}
.k-eform-fav .k-eform-name {
	font-weight: 400;
}
.k-eform-head:not(.collapsed) .k-eform-name, .k-eform-head:hover .k-eform-name, .k-eform-fav-title:not(.collapsed), .k-eform-fav-title:hover {
	color: #202035;
}
.k-eform-name.siteSpecificEForm, .k-eform-fav .k-eform-head:not(.collapsed) .k-eform-name.siteSpecificEForm, .k-eform-fav .k-eform-head:hover .k-eform-name.siteSpecificEForm {
	color: #48a1da;
}
.k-eform-fav .k-eform-name.siteSpecificEForm, .k-eform-head:not(.collapsed) .k-eform-name.siteSpecificEForm, .k-eform-head:hover .k-eform-name.siteSpecificEForm {
	color:#0080ba;
}
/* eForm Heading */
.k-eform-head span + span {
	margin-left: 5px; 
}
/* eForm Parent Site Name */
.eFormParentSiteName  {
	color: #768097;
}
.collapse {
	display: none; /* eg k-sidebar-element overrides collapse display so we need to reset it -DK */ /*krevisit*/
}
.panel > .collapsed > .k-panel-open {
	display: none;
}

/* Styling for a Panel that is the only things on the page */
.k-panel-small {
	width: 400px;
	max-width: 100%;
}
.k-panel-medium {
	width: 500px;
	max-width: 100%;
}
.k-panel-large {
	width: 1000px;
	max-width: 100%;
}
/* ------ Logos ------ */
/* Logo for introduction pages (with a single panel) */
.k-logo-container {
	text-align: center;
}
.k-logo-short-panel {
	margin-top: 80px;
}
.k-logo-long-panel {
	margin-top: 30px;
}
.k-logo-short-panel, .k-logo-long-panel {
	display: block;
	width: 220px;
	margin-bottom: 40px;
}
.k-logo-container .k-logo-short-panel, .k-logo-container .k-logo-long-panel {
	display: inline-block;
	max-width: 40%;
}
.k-ocean-logo {
	width: 220px;
}
.k-sis-logo {
	width: 207.7px;
}
.k-emr-logo {
	width: 255px;
	padding-left: 35px;
	border-left: 2px solid #bfc8d4;
	margin-left: 35px;
}
@media (max-width: 768px) {
	.k-emr-logo {
		padding-left: 25px;
		margin-left: 25px;
	}
}

/* Loading Div for Show Wait ??? */ /*k-revisit*/
#loading-div-background {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: #003650;
	width: 100%;
	height: 100%;
	z-index: 4000;
}
#loading-div-background #loading-div {
	margin-top: -100px;
	width: 200px; margin-left: -100px;
	left : 50%; top : 50%;
	font-size: 20px;
	background-color: white;
	text-align: center;
	position: absolute;
	text-align : center;
	padding : 15px 0px 10px 0px;
	border-radius: 30px;
}
.ui-dialog .k-dialog-showinput {
	width: 100%;
}
/* ------------------ Bootstrap Select (package seperate from main bootstrap) Modifications ------------------ */
.bootstrap-select {
	min-width: 100px;	
}
div.bs-actionsbox {
	padding: 0;
}
/* --- Select Button --- */
.bootstrap-select .dropdown-toggle:hover{
	background-color:  #48a1da;
}
.bootstrap-select.open .dropdown-toggle.btn-default{
	background-color:  #0080ba;
}
/* --- Filter Buttons --- */
.bs-actionsbox .actions-btn {
	background-color: #ecf5fb;
	color: #48a1da;
}
.bs-actionsbox .actions-btn:hover {
	background-color: #48a1da;
	color: #fff;
	
}
.bs-actionsbox .btn {
	dispay: inline-block;
	border-radius: 0;
}
.bs-actionsbox .btn-group .btn + .btn {
	margin-left: 0;
	border-left: 1px solid #fff;
}
/* --- Items --- */
.bootstrap-select.show-tick .dropdown-menu .selected span.glyphicon.check-mark {
	top: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}
.bootstrap-select .dropdown-menu > li.selected > a{
	color:  #202035;
}
/* ------------ Helper/Mixin Classes ------------ */
/* --- Order --- */
/* Use to indicate something is first or last when there are hidden classes interferring */
.k-first {
	margin-top: 0;
	margin-left: 0;
}
.k-last {
	margin-bottom: 0;
	margin-right: 0;
}
/* --- Alignment --- */
.k-align-left {
	text-align: left !important;
}
.k-align-right {
	text-align: right !important;
}
.k-align-center {
	text-align: center !important;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.k-middle,
.table > tbody > tr > td.k-middle {
	vertical-align: middle;
}
/* Align Center when Small */
@media (min-width: 768px) {
	.k-align-sm-center {
		text-align: center !important;
	}
}
/* Align Right when Small */
@media (min-width: 768px) {
	.pull-right-sm {
	    float: right !important;
	}
}
/* --- Inline --- */
.k-inline {
	display: inline;
}
/* --- No Wrap --- */
.k-nowrap {
	white-space: nowrap;
}
/* --- Extra Spacing Below --- */
.k-space-xs {
	margin-bottom: 10px;
}
.k-space-sm {
	margin-bottom: 20px;
}
.ui-dialog .k-space-sm {
	margin-bottom: 15px;
}
.k-space-md {
	margin-bottom: 30px;
}
/* ------ States ------ */
/* --- Clickable --- */
.oClickableRow, .clickable {
	cursor: pointer;
}
.clickable:hover {
	color: #48a1da;
}
/* --- Hidden --- */
.template, .oTabHidden {
	display: none !important;
}
/* Visually hide an element but have it accessible in the DOM for screen readers */
.visually-hidden {
	border: 0;
	padding: 0;
	margin: 0;
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
	clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
	clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
	white-space: nowrap;
}

/* ------ File Upload ------ */
.attachments-list {
	margin: 5px 0px;
}
.attachments-list .attachments-list-item + .attachments-list-item {
	margin-top: 5px;
}
/* File */
.attachment-group {
	display: flex;
}
.attachment-group-item {
	padding: 7px 12px;
	float: left;
	background-color: #FFFFFF;
	line-height: 1.42857143;
	display: flex;
	align-items: center;
}
.eFormQItem:not(.eFormQItemErrorHighlight) .attachment-group-item {
	background-color: #eef5fb;
}
.attachment-group .attachment-group-item:first-child {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.attachment-group .attachment-group-item:last-child {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.attachment-group .attachment-group-item + .attachment-group-item {
	margin-left: 1px;
}
.attachment-group-item.attachment-preview-link:hover {
	background-color: #9673b3;
}
.attachment-group-item.attachment-remove-button:hover {
	background-color: #f25646;
}
.attachment-panel-error {
	margin-bottom: 10px;
}
/* Override error styling for patient facing website forms */
.attachment-upload-error {
	margin-top: 10px;
	color: #768097;
	margin-bottom: 20px;
	border-width: 2px;
	border-color: #ff8f3e;
}
/* Override background colours for referral website forms */
.attachment-pane--alternate .attachment-group-item {
	background-color: #eff1f4;
}
/* Animation */
.attachment-loader,
.attachment-loader:after {
	border-radius: 50%;
	width: 16px;
	height: 16px;
}
.attachment-loader {
	position: relative;
	display: inline-block;
	text-indent: -9999em;
	line-height: 1;
	top: 1px;
	margin-right: 6px;
	border-top: 3px solid #6ccdf6;
	border-right: 3px solid #6ccdf6;
	border-bottom: 3px solid #6ccdf6;
	border-left: 3px solid #eef5fb;
	-webkit-animation: spin-webkit 1.5s infinite linear;
	animation: spin 1.5s infinite linear;
}

/* ------ EMR Attachment Upload ------ */
.attachment-dialog-button {
	width: 100%;
}
.attachment-dialog-button + .attachment-dialog-button {
	margin-top: 5px;
}
.attachment-dialog-list {
	margin-top: 5px;
	margin-bottom: 5px;
}
.attachment-item-info {
	padding: 7px 12px;
	float: left;
	background-color: #FFFFFF;
	line-height: 1.42857143;
	display: flex;
}
.attachment-item-filename {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	flex-grow: 1;
}
.attachment-item-status {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	margin-left: 1px;
}

/* --- Regional Authority Approvals Page --- */
table.table-ra-approvals tr.ra-approvals-site-row {
	background-color: #535b6d;
	color: #fff;
}
table.table-ra-approvals tr.ra-approvals-site-row td{
	vertical-align: middle;
}
.ra-manage-site-button {
	padding: 8px !important;
}
.ra-manage-site-column {
	padding: 0px !important;
}
.ra-manage-site-button:hover {
	background-color: #768097;
}
.ra-manage-site-button span {
	white-space: nowrap;
	color: #fff;
}

/* --- Invoice Details Dialog --- */
.invoice-dialog-header-item {
	padding-bottom: 10px;
}
.invoice-details-reseller-header {
	font-size: 22px;
	margin-bottom: 5px;
}
.invoice-table {
	background-color: #fff;
}
.invoice-item-row + .invoice-month-row th {
	padding-top: 25px;
}
.invoice-table .invoice-item-description {
	font-style: italic;
}
.invoice-table .invoice-item-amount {
	text-align: right;
}
.invoice-table .invoice-table-total {
	font-weight: bold;
}

/* --- Recreating OUtils Popup Styles --- */
.dialog-vertical-btn-list {
	width: 100%;
}

/* Referral Categories */
.refCategoryTitle {
	padding-left: 12px;
}

/* --- Referral Filters --- */

.referral-filters__container {
	display: flex;
	justify-content: space-between;
}
/* spaces divs evenly => hugging left */
.referral-filters__container > * {
	margin-right: auto;
}
.referral-filters__container > :last-child {
	border-left: #E5E7EB;
	border-left-style: solid;
	padding-left: 20px;
}
.referral-filters__top-container {
	margin-bottom: 10px;
}
.referral-filters__top-text-container {
	margin-right: 20px;
	color: #202035;
}
.referral-filters__top-text-container .referral-filters__folder-name,
.referral-filters__save-btn-icon, .referral-filters__clear-btn-icon {
	color: #0080BA;
}
.referral-filters__save-btn-text, .referral-filters__clear-btn-text {
	color: #202035;
	font-size: 12px;
}
/* Override padding for inline button */
.referral-filters__save-btn, .referral-filters__clear-btn {
	padding: 6px 8px;
	border-radius: 4px;
}
.referral-filters__save-btn:hover, .referral-filters__clear-btn:hover {
	background-color: #C9E9FF;
}
.referral-filters__save-btn:disabled, .referral-filters__clear-btn:disabled {
	background-color: #EFF1F4;
}
.referral-filters__save-btn:disabled > *, .referral-filters__clear-btn:disabled > * {
	color: #768097;
}
.referral-box__filter-button:hover {
	background-color: #48a1da;
}
.referral-text-filter-popup .ui-dialog-content {
	padding: 10px;
}
.referral-box-filter__input {
	margin-bottom: 5px;
}
.referral-box-filter__checkbox {
	display: inline-block;
}
.referral-box-filter__reset-btn {
	display: inline-block;
	float: right;
}

/* ---eSubmissions Send Dialog --- */
.esubmissions-dialog__address-fields input {
	margin-right: 3px;
}
.esubmissions-dialog .signature-field {
	font-size: 18px;
	font-family: cursive;
}
.esubmissions-dialog .sender-field[disabled] {
	background: transparent;
	border: none;
}
.esubmissions-dialog select.sender-field[disabled] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.esubmissions-dialog select.sender-field:disabled::-ms-expand {
	display: none;
}