/************************************************************************************************************************
	components.css: To be used in conjunction with Bootstrap tags, providing extended functionality for specific situations.
	1) Reusable snippets that provide extensions to Bootstrap components; 2) Fixes to existing Bootstrap items

		Copyright (c) 2012-Present - agileKaizen, Ltd., all rights reserved. http://agileKaizen.com
		
	**********************************************************************************************************************  */

/* 	**********************************************************************************************************************  */
/* 	*****************************************************    CSS    ******************************************************  */
/* 	**********************************************************************************************************************  */
/* 	==================== Forms ====================  */
/* 	Bootstrap Fixes */
textarea {resize:none}	/* necessary, so textarea can't be resized outside dialogs */
.caret.caret-lg {border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #474747; margin-top:-4px;}
	button.dropdown-toggle:hover .caret.caret-lg {border-top-color:#333;}
.color-white .text-muted {color:rgba(255, 255, 255, 0.5) !important;}

/* Fontello helpers */
[class^="icon-"].trim:before, [class*=" icon-"].trim:before {
	margin-right:0em;
	margin-left:0em;
}

[class^="icon-"].trim-sm:before, [class*=" icon-"].trim-sm:before {
	margin-right:-.1em;
	margin-left:-.1em;
}

/* Summernote */
.form-control.rtSelector, .note-editor {height:auto; min-height:72px;}
.form-control::-webkit-input-placeholder, .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .from-control:-moz-placeholder {opacity:.5; color:#474747;}
.note-placeholder {color:#999;}
.note-editable {font-family:"Proxima Nova"; font-size:1rem !important;}

.has-error {padding-top:55px;} /* making space for popups */
	.form-elegant .mb-100.has-error .col-form-label  {color:#a94442;}
	.form-elegant .mb-100.has-error .col-form-label .text-muted  {color:#bc7777;}
	.has-error label .input-label, .has-error label .input-label a {color:#a94442;}
	.has-error label .input-label .text-muted {color:#cd716f;}	
	
	.has-error .form-control {border-color:#CCCCCC;}
	.has-error .form-control.validation-failed {border-color:#CC0000 !important; background-color:#FFF5F5;}
	.has-error .form-control.validation-failed.input-borderless {border-color:transparent !important; background-color:transparent; box-shadow:none;}
	.has-error .form-control.validation-failed:-ms-input-placeholder {color:#a94442 !important;}
	.has-error .form-control.validation-failed::-webkit-input-placeholder {color:#a94442 !important;} 
	.has-error .form-control.validation-failed::-moz-placeholder {color:#a94442 !important;}

	.has-error .btn-required {background-color:#CC0000 !important; border-color:#d43f3a;}

.has-success {border-color:#339933 !important;}

/* Visual Cue */
.cue-container {}
	.cue-container					li .cue-btn a, .cue-container					a.cue-btn	{border:1px solid transparent; border-radius:4px;}
	.cue-container.cue-inactive 	li .cue-btn a, .cue-container.cue-inactive 		a.cue-btn,	.cue-container.cue-inactive 	button.cue-btn	{background-color:#CCCCCC !important; border-color:#999999 !important; color:#474747 !important; font-weight:normal;}
	.cue-container.cue-default 		li .cue-btn a, .cue-container.cue-default 		a.cue-btn,	.cue-container.cue-default 		button.cue-btn	{background-color:#FFCC00 !important; border-color:#C69F00 !important; color:#474747 !important;}
	.cue-container.cue-edited 		li .cue-btn a, .cue-container.cue-edited 		a.cue-btn,	.cue-container.cue-edited 		button.cue-btn	{background-color:#7D5F2E !important; border-color:#3D2805 !important; color:#FFFFFF !important;}	
	.cue-container.cue-processing 	li .cue-btn a, .cue-container.cue-processing 	a.cue-btn,	.cue-container.cue-processing 	button.cue-btn 	{background-color:#233752 !important; border-color:#061528 !important; color:#FFFFFF !important;}
	.cue-container.cue-success 		li .cue-btn a, .cue-container.cue-success 		a.cue-btn,	.cue-container.cue-success 		button.cue-btn 	{background-color:#339933 !important; border-color:#055E05 !important; color:#FFFFFF !important;}
	.cue-container.cue-error 		li .cue-btn a, .cue-container.cue-error 		a.cue-btn,	.cue-container.cue-error 		button.cue-btn 	{background-color:#CC0000 !important; border-color:#7D0000 !important; color:#FFFFFF !important;}	

	.cue-container.cue-inactive 	li .cue-btn a:hover, .cue-container.cue-inactive button.cue-btn a:hover {background-color:#efefef; color:#333333;}
	
	.cue-container .cue-msg-default {display:inline-block;}
	.cue-container .cue-msg-edited {display:none;}
	.cue-container .cue-msg-processing {display:none;}
	.cue-container .cue-msg-success {display:none;}

	.cue-container.cue-edited .cue-msg-default {display:none;}
	.cue-container.cue-edited .cue-msg-edited {display:inline-block;}
	.cue-container.cue-edited .cue-msg-processing {display:none;}
	.cue-container.cue-edited .cue-msg-success {display:none;}

	.cue-container.cue-processing .cue-msg-default {display:none;}
	.cue-container.cue-processing .cue-msg-edited {display:none;}
	.cue-container.cue-processing .cue-msg-processing {display:inline-block;}
	.cue-container.cue-processing .cue-msg-success {display:none;}

	.cue-container.cue-success .cue-msg-default {display:none;}
	.cue-container.cue-success .cue-msg-edited {display:none;}
	.cue-container.cue-success .cue-msg-processing {display:none}
	.cue-container.cue-success .cue-msg-success {display:inline-block;}

	
	.cue-container.cue-default li .cue-btn:hover a, .cue-container.cue-default a.cue-btn:hover,	.cue-container.cue-default button.cue-btn:hover	{background-color:#E0B400 !important; border-color:#D4AA00 !important; color:#212529 !important;}
	.btn-group.btn-group-primary.cue-container.cue-default li .cue-btn a, .btn-group.btn-group-primary.cue-container.cue-default a.cue-btn,	.btn-group.btn-group-primary.cue-container.cue-default button.cue-btn {background-color:#FFCC00 !important; border:none !important; color:rgb(35,55,82) !important;}
	.btn-group.btn-group-primary.cue-container.cue-default li .cue-btn:hover a, .btn-group.btn-group-primary.cue-container.cue-default a.cue-btn:hover,	.btn-group.btn-group-primary.cue-container.cue-default button.cue-btn:hover {background-color:#E0B400 !important;}


/* 	Legend  */
legend, div.legend {font-size:0.7rem; font-weight:bolder; color:#777777; margin-bottom:12px; text-transform:uppercase; text-shadow:0px 0px 1px #e5e5e5; border-bottom:1px solid #e5e5e5; width:100%;}
	legend .no-boder, div.legend.no-border {border-bottom:none;}
	.legend-description {margin-top:-12px; margin-bottom:8px; font-size:0.8rem; color:#999999;}
	
	.visibilityMarker {float:right; color:#a94442;}
		legend .visibilityMarker, div.legend .visibilityMarker {position:absolute; right:16px; margin-top:-2px; font-weight:normal; text-transform:none; text-shadow:none;}
		legend .visibilityMarker i, div.legend .visibilityMarker i {font-size:0.8rem; vertical-align:bottom;}

	.legend-selector {position:absolute; top:0; right:0;}
		.legend-selector .nav-pills .nav-link {padding:0 .5rem; font-size:0.7rem; font-weight:bolder; text-transform:uppercase; color:#777777; text-shadow:0px 0px 1px #e5e5e5;}


/* 	Forms  */
.stacked-form-label {width:100%; padding-left:.75rem; margin-bottom:0; font-size:0.9rem; color:#6c757d;}
	.stacked-form-label.centered, .centered > .stacked-form-label {padding-left:0;}

.stacked-form-guidance {display:block; width:100%; padding-left:.75rem; margin-top:0; font-size:0.75rem; color:#999999; line-height:1rem;}
	.stacked-form-guidance.centered, .centered > .stacked-form-label {padding-left:0;}

.form-control:focus {box-shadow:none;}
.form-control.text-sm {min-height:34px;}
.form-control-static {display:block; min-height:24px;}
.form-control-text {padding-top:.375rem;}

.form-elegant .mb-100 {}
	.form-elegant .mb-100 .col-form-label {font-weight:normal; font-size:0.9rem;}
	.form-elegant .mb-100 .form-control-static {padding-bottom:0px;} 

/* 	compact form (without input elements)  */
.form-compact {}
	.form-compact .mb-100 {margin-bottom:.25rem;}
	.form-compact .mb-100 .form-control-static {padding-top:4px; margin-bottom:0px;} 

	.form-compact-md .mb-100 {margin-bottom:.5rem;}

.form-compact-sm {}
	.form-compact-sm .mb-100 {margin-bottom:0px;}
	.form-compact-sm .mb-100 .col-form-label {padding-top:calc(0.005rem + 1px); padding-bottom:calc(0.005rem + 1px);}
	.form-compact-sm .mb-100 .form-control-static {padding-top:0px; margin-bottom:0px;} 

/* 	rightPanel forms  */
.rightPanel form {margin:0}
.rightPanel input[disabled], .rightPanel select[disabled], .rightPanel textarea[disabled], 
.rightPanel input[readonly], .rightPanel select[readonly], .rightPanel textarea[readonly] {box-shadow:none; background:transparent; cursor:default;}

/* 	form-wiki  */
.form-wiki {padding:1em;}
	.form-wiki .mb-100 {margin-bottom:1px;}
	.form-wiki .wiki-name .controls input {width:100%; height:36px; font-size:1.5em; font-weight:bolder; font-variant:small-caps;}
	.form-wiki .wiki-description .controls input, .form-wiki .wiki-description .controls textarea {width:100%;}
	.form-wiki .wiki-synopsis .controls textarea {width:100%; height:36px;}
	.form-wiki .wiki-name label.col-form-label, .form-wiki .wiki-description label.col-form-label, .form-wiki .wiki-synopsis label.col-form-label {display:none;}

	.form-elegant.form-wiki .wiki-name .controls, .form-elegant.form-wiki .wiki-description .controls, .form-elegant.form-wiki .wiki-synopsis .controls {margin-left:0;}

/* single label per row */
label.label-row {display:block; width:100%;}

/* Inline inputs for forms and dropdown elements */
label.label-inline {display:flex; align-items:center;}
	label.label-inline.label-sm {padding:2px 4px; padding-top:1px; width:102px;}
	label.label-inline .input-label {text-align:left; vertical-align:middle;}
	label.label-inline:hover {color:#333;}

/* input-group */
.input-group-default {border-bottom-right-radius:4px !important; border-top-right-radius:4px !important; background-color:#eceeef; border:1px solid #cccccc;}
.input-group-text {font-size:0.7rem;}
.input-group-text button.btn-outline-secondary {border-color:#ced4da;}

/* form-control-disabled */
.form-control-disabled {color:#cccccc;}

/* fileUpload (http://plugins.krajee.com/file-input) */
.fileUpload-single {}
	.fileUpload-single .file-preview {border:none; border-radius:0px; padding:0px; text-align:center;}
	.fileUpload-single .krajee-default.file-preview-frame {margin:0px; border-radius:5px; float:none; display:inline-block;}
	.fileUpload-single .krajee-default.file-preview-frame .kv-file-content {width:100%; height:100%;}
	.fileUpload-single .fileinput-remove {display:none;}

.fileUpload-noCaption .krajee-default.file-preview-frame .file-thumbnail-footer {display:none;}

/* 	==================== Buttons ====================  */
.btn, .form-control, .input-group, .input-group .btn, .input-group .form-control {height:calc(2.5rem + 2px); padding:0.5rem 0.75rem;}
	.btn-sm, .form-control-sm, .input-group-sm .btn, .input-group-sm .form-control, .btn-short, .entity-expand-paragraph {height:calc(1.75rem + 2px); padding:0.25rem 0.5rem;}
	.btn-lg, .form-control-lg, .input-group-lg .btn, .input-group-lg .form-control, .btn-group-lg > .btn, .btn-tall, select.btn-tall + button {height:calc(3.0rem); padding:0.5rem 1rem;}
	.input-group {padding:0;}

.btn:focus, .btn.focus {box-shadow:0 0 0 0.2rem rgba(35, 55, 82, 0.15);}
.btn-dual-line small {display:block; margin-top:-0.25rem; font-size:70% !important;}
	select.btn-dual-line ~ button.dropdown-toggle {padding-top:0; padding-bottom:0;}
	select.btn-dual-line ~ div.dropdown-menu li.dropdown-header {padding:0 1rem;}
	select.btn-dual-line ~ div.dropdown-menu a.dropdown-item {padding-left:1.5rem;}
	select.btn-dual-line ~ div.dropdown-menu small {display:none;}

/* icon buttons */
.btn-icon {padding:.6rem .4rem;}
	.btn-icon.btn-sm {padding:.35rem .15rem;}
	.btn-icon.btn-lg {padding:.75rem .15rem;}
	.btn-icon > i {padding:0; font-size:1.65rem; color:#777777;}
	.btn-icon:hover > i {color:#474747;}
	.btn-icon.active > i {color:#333333;} 

/* button pill (rounded) */
.btn-pill {border-radius:4rem;}

/* input-editable */
.input-editable, input[type="text"].input-editable {background:transparent; border-color:transparent; box-shadow:none; resize:none; padding:5px;
		-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;}
	.input-editable:hover, input[type="text"].input-editable:hover {border-color:#e5e5e5; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset}
	.input-editable:focus, input[type="text"].input-editable:focus {box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border:1px solid rgba(82, 168, 236, 0.8);}
	.input-editable:not(:focus), input[type="text"].input-editable:not(:focus) {background:transparent !important}
	textarea.input-editable {color:#474747; font-size:0.9rem;}
	
/* input-borderless */
	.input-borderless {border:none; border-color:transparent; background:none !important; box-shadow:none;}
		.input-borderless.form-control{padding:0px !important;}
		.input-borderless.form-control:focus{box-shadow:none;}

/* 	create form*/
.input-actionable {display:inline;}
	.input-actionable > .input-action {display:none;}
	.input-actionable:hover > .input-action {display:inline;}

.input-border-0, input.input-border-0, input:hover.input-border-0, input:focus.input-border-0, input:active.input-border-0
		{background:transparent; border-color:transparent; box-shadow:none; min-height:auto;}
.input-trimmed, input.input-trimmed {padding:0px; margin:0px}
.form-control.trimmed {padding:0px 4px; height:22px;}

/* Buttons */
.btn-form {padding:4.85px 12px !important} /* Buttons the same height as form inputs */
.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {box-shadow:0 0 0 0.1rem;}
.dropdown.show > .btn-outline-secondary .text-muted {color:#BBBDC0 !important;}


/* 	==================== Badges ====================  */
.badge-topic {display:inline-flex; vertical-align:middle; margin-bottom:0.25rem; cursor:pointer; padding:.3rem .5rem; background-color:rgba(35,55,82,.1); border:1px solid #cccccc; color:#474747; font-weight:normal;}
.badge-topic-sm {display:inline-flex; vertical-align:middle; margin-bottom:0.25rem; cursor:pointer; padding:.2rem .4rem; background-color:rgba(35,55,82,.1); border:1px solid #cccccc; color:#474747; font-weight:normal; font-size:65%;}
	.badge-topic:hover {background-color:rgba(35,55,82,.2);}
	.badge-topic-spaced {margin-bottom:.5rem; margin-right:.25rem;}
	.badge-topic.active {background-color:rgba(255,204,0,.75)}

.badge-topic-more {display:inline-flex; vertical-align:middle; margin-bottom:0.25rem; cursor:pointer; padding:.3rem .5rem; background-color:rgba(35,55,82,.25); border:1px solid #cccccc; color:#474747; font-weight:normal;}
.badge-topic-more-sm {display:inline-flex; vertical-align:middle; margin-bottom:0.25rem; cursor:pointer; padding:.3rem .5rem; background-color:rgba(35,55,82,.25); border:1px solid #cccccc; color:#474747; font-weight:normal; font-size:65%;}
	.badge-topic-more:hover {background-color:rgba(35,55,82,.35);}
	.badge-topic-more.active {background-color:rgba(255,204,0,.75)}

.badge-btn {height:calc(2.5rem + 2px); padding:0rem 1rem; display:flex; align-items:center; border-radius:.35rem;}
	.badge-btn-sm {height:calc(1.75rem + 2px); padding:0rem 0.75rem; display:flex; align-items:center; border-radius:.25rem;}
	.badge-btn-lg {height:calc(3.0rem + 2px); padding:0rem 1.25rem; display:flex; align-items:center; border-radius:.5rem;}


/* 	==================== Tables ====================  */
.table {table-layout:fixed;}
.table th, .table td {padding:.75rem 1rem;}
.table tr:first-child td {border-top:none;}
.table thead th, .table thead td {border-top:none; padding:.25rem 1rem;}
.table tbody + tbody {border-top: 0px;}

.overflow-auto-hidden {overflow:auto !important; -ms-overflow-style:none;}
	.overflow-auto-hidden::-webkit-scrollbar {display:none;}

.table .progress {margin-bottom:0px;}

.table-expanded tbody th, .table-expanded tbody td {padding:16px 12px !important}  /* Doubles the padding */
.table-sm-extra > tbody > tr > th, .table-sm-extra > tbody > tr > td {padding:1px 0px; line-height:1em; margin-bottom:10px;}

table .header-fixed {position:fixed; top:50px; border-bottom:1px solid #ddd; z-index: 1; /* 10 less than .navbar-fixed to prevent any overlap */}

.table-border-bottom {} /* Border only at the bottom */
	.table-border-bottom th, .table-border-bottom td {border-top:none !important; border-bottom:1px solid #e5e5e5;}

.table-hover > tbody > tr:hover {background-color:#f5f5f5;} 
	

/* 	Component Options  */
.table.table-sortable thead > tr > th, .table.table-sortable thead > tr > td {height:36px; padding:0px; border:none; border-bottom:1px solid #e5e5e5; vertical-align:middle;}
	.table.table-sortable thead .sortColName {padding-left:18px;} 
	.table.table-sortable tbody > tr:first-child > td {border-top:none;}

	.table.table-sortable thead > tr > th.status-items, .table.table-sortable thead > tr > td.status-items {text-align:center;}
	.table.table-sortable thead > tr > th.status-items a, .table.table-sortable thead > tr > td.status-items a 
	{display:inline-block; position:relative; padding:8px 0px; width:36px; text-decoration:none;}

.table-borderless {} /* No borders */
	.table-borderless thead > tr > th, .table-borderless tbody > tr > th, 
	.table-borderless tfoot > tr > th, .table-borderless thead > tr > td, 
	.table-borderless tbody > tr > td, .table-borderless tfoot > tr > td {border-top:none; border-bottom:none;}

.table-feedback {}
	.table-feedback input.inlineEditElement.form-control {height:20px;}


/* 	==================== Lists ====================  */
.actions {float:right; vertical-align:top} td.actions {float:none;}
	ul.actions li:hover {color:#555; border-color:#AAA;}
	ul.actions li span {line-height:16px;}
	
.row-stiped {} /* Adds a background color to alternating rows with this class */
	.row-striped:nth-of-type(odd){}
	.row-striped:nth-of-type(even){background-color:#f5f5f5;}


/* 	**********************************************************************************************************************  */
/* 	***************************************************   Components   ***************************************************  */
/* 	**********************************************************************************************************************  */
/* 	==================== Nav & Navbar ====================  */
.nav-separator {margin-left:auto !important;}

.nav-tabs-line {padding:0 1rem;}
	.nav-tabs-line .nav-link, .nav-tabs-subNav .nav-link, .viewPad .card-header-tabs .nav-link {border-bottom:2px solid transparent; cursor:pointer;}
	.nav-tabs-line .nav-link:focus, .nav-tabs-line .nav-link:hover, .nav-tabs-subNav .nav-link:focus, .nav-tabs-subNav .nav-link:hover,
	.viewPad .card-header-tabs .nav-link:focus, .viewPad .card-header-tabs .nav-link:focus {border-top-color:transparent; border-right-color:transparent; border-left-color:transparent;}
	.nav-tabs-line .nav-link.active, .nav-tabs-subNav .nav-link.active, .viewPad .card-header-tabs .nav-link.active {border-color:transparent; background-color:transparent;}

.nav.nav-radio {display:inline;}
	.nav.nav-radio:before, .nav.nav-radio:after {display:inline;}
	.nav.nav-radio > li {display:inline;}
	
	.nav.nav-radio > li > a {float:left; text-decoration:none;}
	.nav.nav-radio > li:last-child > a {border-right:none;}
	
	.nav.nav-radio > li.active > a, .nav.nav-radio > li.active > a:hover, .nav.nav-radio > li.active > a:focus {background-color:transparent; cursor:default;}
	.nav.nav-radio > li.active > a i {color:#222222;}

.nav-group {position:relative; display:-ms-inline-flexbox; display:inline-flex; vertical-align:middle;}
	.nav-group > .nav-link:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0; border-bottom-right-radius:0; padding-right:.5rem;}
	.nav-group > .nav-link:not(:first-child) {border-top-left-radius:0; border-bottom-left-radius:0; padding-left:.5rem;}
	.nav-group > .nav-link:first-child {margin-left:0;}
	.nav-group .nav-link + .nav-link {margin-left:-1px;}
	.nav-group.active .nav-link:not(:first-child) {color:#495057; background-color:#fff; border-color:#dee2e6 #dee2e6 #fff #fff;}
	.nav-group > .nav-link.dropdown-toggle {display:-ms-flexbox; display:flex; align-items:center;}

/* 	==================== Alert ====================  */
.alert-flush .alert {margin-bottom:0; border-radius:0;}


/* 	==================== Modal ====================  */
.modal .modal-header .close {font-size:2.5em; padding:.75rem 1rem .5rem 1rem;}
.modal .nav {margin-bottom:-1px;}
.modal form {margin-bottom:0px;}
.modal-headline {}
	.modal-title {font-size:1.25rem; font-weight:bolder;}
	.modal-subtitle {color:#777777; font-size:.9rem; line-height:1.15rem;}
.modal-caption {margin-left:auto; margin-right:1rem; padding:0 .5rem; line-height:1.25em;}

.btn-delete {box-sizing:content-box; width:1em; height:1em; padding:0.25em 0.25em; color: #000; border:0; border-radius:0.375rem; opacity:0.5;
  background:transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'><path d='M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z'/></svg>") center/1em auto no-repeat;
}

.modal-dialog.modal-md {--bs-modal-width:600px;}


/*	==================== Card ====================  */
.card {}
	.card .card-title {font-size:2.75vmin;}

.card-profile {padding-top:45px; padding-left:30px; background-color:transparent; box-shadow:none;}
	.card-profile .card-header {padding:15px 15px 15px 215px; min-height:70px; background-color:#777777; color:#FFFFFF; line-height:1.6em; border-radius:10px 10px 0 0;}
	.card-profile .card-body {background-color:#efefef; border-radius:0 0 10px 10px;}

.card-rating {margin-bottom:0px;}
	.card-rating .card-header {display:table-cell; vertical-align:middle; padding:0px 12px; height:42px; vertical-align:center; width:720px;}
	.card-rating .card-body {padding:6px 12px; height:68px; font-size:0.8rem; color:#474747; overflow-y:scroll;}
	.card-rating .card-footer {padding:6px 12px;}

.card-status {padding-bottom:0;}
	.card-status .card-indicator {position:absolute; height:100%; width:.35rem; border-top-left-radius:3px; border-bottom-left-radius:3px;}
	.card-status .card-body, .card-status .card-footer, .card-status .card-header {margin-left:.35rem;}
	
.overlay-background {background:rgba(7,8,38,.5);}
	.card-img-overlay.overlay-background {border-radius:0.25rem;}

.card-inverse {}
	.card-inverse .text-shadow {text-shadow:0 0 1px rgba(255, 255, 255, .25);}

.transparent {background-color:transparent;}

.card-hover:hover {box-shadow:0 0 5px rgba(0, 0, 0, 0.25); background-color:#f7f7f7; transition:all 0.5s ease 0s;}
	.card-hover:hover .card-footer {background-color:#f7f7f7; transition:all 0.5s ease 0s;}

.card-hover-light {box-shadow:0 1px 1px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.1); transition:0.15s;}
	.card-hover-light:hover {text-decoration:none; box-shadow:0 0 .75rem rgba(0, 0, 0, 0.25);}

/* 	==================== Button Groups ====================  */
.btn-group > .btn > [class^="icon-"] {font-size:1.4rem; color:#979797;}
	.btn-group > .btn:hover > [class^="icon-"] {color:#474747;}
	.btn-group > .btn.active > [class^="icon-"] {color:#333333;}

.note-btn-group.btn-group > .btn > [class^="icon-"] {display:inline; font-size:1rem; padding:2px 0px;}

.btn-group > .btn + .dropdown-toggle {padding:2.4px;}

/* 	==================== btn-link ====================  */
.btn-link {color:#474747; text-decoration:none;}
	.btn-link:active, .btn-link:hover, .btn-link:focus {color:#333333; text-decoration:underline;}
	
.btn-link-muted {color:#777777; background-color:transparent;}
	.btn-link-muted:hover, .btn-link-muted:focus {text-decoration:underline; font-color:#454545; background-color:transparent;}

/* 	==================== Dropdowns ====================  */
.dropdown-menu .dropdown-footer {padding:6px 20px;}
	.dropdown-menu > li > a {padding:5px 20px;}
	.dropdown-menu {font-size:1rem;}
	
.dropdown-toggle::after {display:none; align-self:center;}
	.bootstrap-select .dropdown-toggle::after {display:inline-block; color:#474747 !important;}
	.dropdown-toggle.caret-show::after {display:inline-block;}
	
.dropdown-menu .dropdown-item {cursor:pointer;}

.dropdown-heading {display:block; padding:0 1.5rem; margin-bottom:0; font-size:.75rem; white-space:nowrap; color:#9a9b9c;}

/* 	==================== Progress ====================  */
.progress-xs {height:6px; margin-bottom:10px;}

/* 	==================== Other ====================  */
.img-upload {font-size:6rem; color:#474747; background:#efefef; padding:20px 10px; cursor:pointer;}
	.img-upload:before {margin-top:30px;}
	.img-upload:hover {color:#333; background:#e5e5e5;}

.img-fluid-height {max-height:100%; height:auto;}
	
ul.pagination {margin:0px;}

	
.media:last-child {margin-bottom:0 !important;}
.media-hover .media:hover 				{background-color:rgba(255,204,0,0.75) !important; border-color:#ffcc00 !important;
										-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;}
.media-hover-light .media:hover 		{background-color:rgba(255,204,0,0.25) !important; border-color:#ffcc00 !important;
										-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;}
.media-hover-border .media:hover		{border-color:#ffcc00 !important;
										-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;}
.media.active, 
.media-hover-light .media.active:hover 	{background-color:rgba(255,204,0,0.75) !important; border-color:#ffcc00 !important;
										-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out;}

/*  ================== abusing popovers to show validation errors =============== 
.popover { color:#CC0000; background-color: #f2dede; border-color: #ebccd1; z-index:9999;}
.popover.top .arrow:after {border-top-color: #f2dede;}
*/

/* not bootstrap related, but jsPlumb, affects all connections */
._jsPlumb_connector  {opacity:0.5;}