/************************************************************************************************************************
	color.css: Color Style Guide (Description of the palette used) and defaults for customizable branding colors.   1d587f - DD6600    553966 - 886C99 - 556270 - 3a4c59

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

 ************************************************************************************************************************/

/*
	===============  Grayscale Style Guide  ===============
	These settings overwrite bootstrap and are baked into our layout and components.

						Text			Icon 			Background			Border			Hyperlink
	Normal				#474747			#979797			#fcfcfc				#e5e5e5			#474747
	Active				#333333			#333333			#979797				#1d587f			#333333
	Hover				#777777			#777777			#f5f5f5								#979797
	Muted				#777777			#c7c7c7			#efefef								#777777
	Disabled			#999999			#999999			#a5a5a5


	BUTTON:				Normal			Active			Hover
	Text color			#474747			#333333			#333333
	Border				#d7d7d7			#cccccc			#e6e6e6
	Background			#f1f2f6		 	#e5e5e5			#fcfcfc


	===============  Baseline Colors  ===============
	These colors are component-specific and are not to be changed during customization.

	Text:				Blue		Red			Yellow		Green		Purple
	Normal				#e5f7f9		#ffe5e5		#f5fff5		#e5ffe5
	Active
	Hover
	Disabled
	PROPOSAL			#3a589d		#dd4d31		#			#338b04		#720e9e

	Background:
	Normal				#cce5f5		#f9cccc		#f9f9cc		#d8f1ca		#
	Disabled			#ebeef5		#fcedeb		#fffdec		#f7ffef		#f1e6f6
	DropBox				#dfeffc
	Active
	Hover
	Backup				#cce5f5		#f9cccc		#f9f9cc		#ccf9cc
	OLD NORMAL			#			#f1c8c8		#f1f1be		#d2f1c8


	Border:
	PROPOSAL			#c8d0e4		#f6cdc6		#			#6cb644		#d8bbe4
	Normal
	Active 				#1d587f		#			#			#			#720e9e
	
	
	===============  Primary Colors  ===============
	Blue: rgb(var(--primary-color))  #233752
	Yellow: rgb (var(--secondary-color))  #FFCC00
*/


/* ============================== layout ============================== */
html, body {font-size:13px; line-height:1.5;}
	/* Media support for browsers that do not support calc() */
	@media (min-width:576px)  {html, body {font-size:13px;}} /* SM: Small devices (old phones - 576 and up) */
	@media (min-width:768px)  {html, body {font-size:14px;}} /* MD: Medium devices (iPhone and iPad in vertical, 768px and up) */
	@media (min-width:992px)  {html, body {font-size:14px;}} /* LG: Large devices (iPhone and iPad in Landscape, 1024px wide) */
	@media (min-width:1200px) {html, body {font-size:15px;}} /* XL: Desktop Monitors (Computer displays, 1200 and up) */

body, body.spotlight, .drawer, .context-menu {background:rgb(var(--background-color));}
	.navbar-default-faded {background:rgba(18,28,41,.9) url(../../images/background/noise.png);}
	.navbar-footer {background:rgba(255,255,255,.97) url(../../images/background/noise.png); border-top:1px solid rgba(0,0,0,.125)}
	#hmt_widget_content {border-radius:10px; padding:0 30px; margin:0; background-color:#f1f2f6 !important;}

a, a:hover, a:focus, a:active, a:visited, .anchor, .anchor:hover, .anchor:focus, .anchor:active {color:#474747; cursor:pointer}
	a:hover, a:focus, .anchor:hover, .anchor:focus {text-decoration:underline;}

a, a:hover, a:focus, a:active, a:visited {color:rgb(var(--primary-color-dark)); text-decoration:none;}
.anchor, .anchor:hover, .anchor:focus, .anchor:active {color:rgb(var(--primary-color-dark)) !important;}

/* navbar */
.navbar-default {background-color:rgb(var(--background-color)); color:#ffffff;}
	.navbar-default .nav-link.active {background-color:#555555; border-radius:25%;}
	.navbar-default .nav-link > i, .navbar-default .icon-menu {color:rgb(255,255,255);}
	.navbar-default .nav-link:hover, .navbar-default .nav-link:focus {text-shadow:0px 0px 20px #474747;}
	
	.navbar-bg-primary {background:rgba(var(--primary-color),1) url(../../images/background/noise.png);}

.navbar-footer {font-weight:600; color:rgb(var(--primary-color));}
	.navbar-footer a {color:rgb(var(--primary-color));}
	.poweredBy {color:#666;}

.drawer {color:#ffffff;}
	.drawer-header {color:#999;}
	.drawer-header .back-button > .icon-back:hover {color:#666;}
	
	.drawer-body {}
	.drawer-body::-webkit-scrollbar {width:5px;}
	.drawer-body::-webkit-scrollbar-track {}
	.drawer-body::-webkit-scrollbar-thumb {-webkit-border-radius:9px; border-radius:px; background:rgba(0,0,0,0.05);}

	.context-menu {color:#676767;}
	.context-menu .text-muted {color:#9a9b9c !important;}
	.context-menu .showMore, .context-menu ul.item-options li, .context-menu ul.item-options li a {}
	.context-menu ul.item-options li.active {font-weight:bolder;}
	.context-menu .item-row {}

	.context-menu .item-row:hover, .context-menu .subMenuSelector:hover {text-shadow:0px 0px 1rem; color:#474747;}
	.context-menu .menuSelector.active {color:rgb(var(--primary-color)); text-shadow:0px 0px 2px rgba(var(--primary-color),.75);}

	.context-menu .item-row:hover .item-icon, .context-menu .subMenuSelector:hover .item-icon {opacity:.75}
	.context-menu .menuSelector.active .item-icon {opacity:1;}

	.context-menu > .menu-item .item-action {}
	.context-menu > .menu-item .item-action:hover {font-weight:600;}
	
.contentPanel {background:rgb(255,255,255);}

.centerPanel > .card {border:none; border-radius:0; border-bottom:none;}
	.centerPanel > .card > .card-header {border-radius:0; background:url(../../images/background/noise.png);}
	.viewPad > .centerPanel > .card > .card-header {background:none !important; min-height:3.25rem}

.mainPanel-background {display:none;}

/* rightPanel */
.rightPanel {}
	.rightPanel-body {}
	.rightPanel-body::-webkit-scrollbar {width:9px;}
	.rightPanel-body::-webkit-scrollbar-track {background:#f1f2f6;}
	.rightPanel-body::-webkit-scrollbar-thumb {-webkit-border-radius:9px; border-radius:9px; background:rgba(0,0,0,0.2);}
	.mainPanel.open .rightPanel, .rightPanel.open {box-shadow:-8px 0 10px 0 rgba(18, 28, 41, 0.25);}

/* appPanel */
.sidebar {}
	.sidebar .sidebar-item:hover {background-color:#f5f5f5}
	.sidebar .sidebar-item.active {background:rgba(var(--primary-color),.05) url(../../images/background/noise.png)}

.breadcrumb {}
	.breadcrumb-item + .breadcrumb-item::before {color:rgb(var(--primary-color));}
	.breadcrumb-item {color:rgb(var(--primary-color));}
	.breadcrumb-item.active {color:rgba(var(--primary-color),.5)}


/*  ============== Layout Changes ============== */
	.subNav {top:6px; padding-top:0; right:200px; height:44px;}
	.mainPanel, .drawer-body {top:60px;}
	.mainContent {left:-0.5em; right:-0.5em;}

/*	===============  Components  ===============
	Color variations for our custom components 
*/
.card.card-hover {}
	.card.card-hover:hover .card-body {box-shadow:0 0 5px rgba(var(--secondary-color),0.25); background-color:rgb(var(--secondary-color)); transition:all 0.5s ease 0s;}
	.card.card-hover:hover .card-footer {background-color:transparent; transition:all 0s ease 0s;}

.list-group-hover {}
	.list-group-hover li.list-group-item:hover {background-color:#f9f9cc !important;}

.img-hover .img-overlay {background-color:rgba(var(--secondary-color),0.15);}


/* ============================= MODALS ============================== */
.modal-primary {}
	.modal-primary .modal-header, .modal-primary .modal-body, .modal-primary .modal-footer {background:rgba(var(--primary-color),1) url(../../images/background/noise.png);}
	.modal-primary .modal-header, .modal-primary .modal-footer {border:0 !important;}
	.modal-primary button.btn-close, .modal-primary .modal-header {color:#ffffff !important;}


/* ============================= HEADERS ============================== */
.card-header-label {background-color:white; text-transform:uppercase; font-weight:bold; color:#6c757d; border:0; padding-top:.75rem;}

.section-header {color:#6c757d; font-size:130%; font-weight:bold; font-variant:small-caps;}


/* ============================== BLOG ============================== */
/* TOC - Table of Contents */
.toc {}
	.toc-entry a {color:rgb(255,255,255) !important;}
	.toc-entry a:hover {text-decoration:underline;}
	.toc-entry a.active {color:rgb(var(--secondary-color)) !important;}


/*	===============  Color Style Guide  ===============
	These colors compose a default branding style guide and can be overwriten in customCSS 
*/

/* Color */
.color-primary 		{color:rgb(var(--primary-color)) !important;}		.border-primary			{border:1px solid rgb(35,55,82);}
.color-primary-dark	{color:rgb(19,38,63) !important;}					.border-primary-dark	{border:1px solid rgb(19,38,63);}
.color-green 		{color:#468847 !important;}						.border-green 			{border:1px solid #468847;}
.color-complimentary{color:#FFCC00 !important;}						.border-complimentary 	{border:1px solid #FFCC00;}
.color-yellow		{color:#F89406 !important;}						.border-yellow		 	{border:1px solid #F89406;}
.color-red			{color:#B94A48 !important;}						.border-red 			{border:1px solid #B94A48;}
.color-blue			{color:#3A87AD !important;}						.border-blue 			{border:1px solid #3A87AD;}
.color-grey			{color:#999999 !important;}						.border-grey 			{border:1px solid #999999;}
.color-inverse		{color:#f1f2f6 !important;}
.color-white 		{color:#ffffff !important;}						.border-white 			{border:1px solid #ffffff;}
.color-normal		{color:#474747 !important;}

.color-grey-delicate	{color:#efefef !important;}
.color-yellow-delicate	{color:#ffcc00 !important;}
.color-red-delicate		{color:#ffd7d6 !important;}
.color-yellow-darker	{color:#957b15 !important;}

.bg-primary 	{background-color:rgb(var(--primary-color)) !important;}
.bg-primary-dark{background-color:rgb(19,38,63) !important;}
.bg-yellow		{background-color:#FFCC00 !important;}
.bg-green 		{background-color:#468847 !important;}
.bg-red			{background-color:#B94A48 !important;}
.bg-blue		{background-color:#3A87AD !important;}
.bg-orange		{background-color:#F89406 !important;}
.bg-grey		{background-color:#999999 !important;}
.bg-darkGrey	{background-color:#666666 !important;}
.bg-lightGrey	{background-color:#dddddd !important; color:rgb(71,71,71);}
.bg-black		{background-color:#000000 !important;}
.bg-inverse		{background-color:#f1f2f6 !important; color:rgb(71,71,71);}
.bg-white 		{background-color:#ffffff !important;}
.bg-noise		{background:url(../../images/background/noise.png)}
.bg-none		{background-color:transparent;}
.bg-neutral		{background-color:rgb(var(--background-color)) !important;}

.bg-grey-delicate 		{background-color:#efefef !important;}
.bg-grey-extraDelicate	{background-color:#f7f7f7 !important;}
.bg-red-delicate 		{background-color:#ffd7d6 !important;}
.bg-yellow-delicate 	{background-color:#ffe788 !important;}
.bg-green-delicate 		{background-color:#d8f1ca !important;}
.bg-blue-delicate		{background-color:#bce0f1 !important;}
.bg-purple-delicate		{background-color:#EFFBFF !important;}
.bg-darkGrey-delicate	{background-color:#efefef !important;}


/*	Badges  */
.badge.bg-yellow	{color:#4C3D00;}
.badge.bg-light		{color:#666666;}
.badge-primary		{color:rgb(var(--primary-color)) !important; border:1px solid rgb(var(--primary-color));}
.badge-green		{color:#468847 !important; border:1px solid #468847;}
.badge-blue			{color:#3A87AD !important; border:1px solid #3A87AD;}
.badge-yellow		{color:#F89406 !important; border:1px solid #F89406;}
.badge-red			{color:#B94A48 !important; border:1px solid #B94A48;}
.badge-grey			{color:#999999 !important; border:1px solid #999999;}
.badge-white		{color:#ffffff !important; border:1px solid #ffffff;}
.badge-normal		{color:#474747 !important; border:1px solid #474747;}

/* text-muted */
.bg-primary .text-muted		{color:#D0D4DA !important;}
.bg-primary-dark .text-muted{color:#A2ACB9 !important;}
.bg-yellow .text-muted		{color:#776000 !important;}
.bg-green .text-muted 		{color:#d8f1ca !important;}
.bg-red .text-muted			{color:#ffd7d6 !important;}
.bg-blue .text-muted		{color:#bce0f1 !important;}
.bg-grey .text-muted		{color:#efefef !important;}
.bg-darkGrey .text-muted	{color:#efefef !important;}
.bg-lightGrey .text-muted	{color:#666666 !important;}
.bg-black .text-muted		{color:#bbbbbb !important;}


/*	===============  Buttons  ===============
	Define the default colors for all buttons
*/
/* a.btn {color:#f1f2f6;} a.btn:hover {color:rgb(var(--primary-color));} */

.btn-primary, .btn-hover:hover {color:rgb(var(--primary-color)) !important; background-color:rgb(var(--secondary-color)) !important; border:1px solid rgba(var(--primary-color),.25) !important; box-shadow:0 1px .5rem .1rem rgba(var(--primary-color),0.25) !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary.active {color:rgb(var(--primary-color)) !important; background-color:rgb(var(--secondary-color)) !important; border:1px solid rgba(var(--primary-color),.25) !important; box-shadow:0 1px 1rem .125rem rgba(var(--primary-color),0.35) !important;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {color:rgb(255,255,255) !important; background-color:rgb(var(--primary-color)); border:1px solid rgba(82,101,127,1);}
	.btn-group-primary {border:1px solid rgba(var(--primary-color),.35) !important; box-shadow:0 1px .5rem .1rem rgba(var(--primary-color),0.25) !important; border-radius:.3rem !important;}

.btn-primary-color-dark {color:#FFFFFF; background-color:rgb(var(--primary-color-dark)) !important;}		.btn-primary-color-dark:hover {color:#FFFFFF;}
.btn-primary-color-darker {color:#FFFFFF; background-color:rgb(var(--primary-color-darker)) !important;}	.btn-primary-color-darker:hover {color:#FFFFFF;}
.btn-secondary-color {background-color:rgb(var(--secondary-color)) !important;}
.btn-complimentary {color:#FFFFFF; background-color:rgb(var(--complimentary-color)) !important;}			.btn-complimentary:hover {color:#FFFFFF;}
.btn-background {background-color:rgb(var(--background-color)) !important;}

.btn-outline-primary {color:rgb(var(--primary-color)); border-color:rgb(var(--primary-color));}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, 
.btn-outline-primary:active, .btn-outline-primary.active, 
.btn-outline-primary.dropdown-toggle.show {color:#FFCC00; background-color:rgb(var(--primary-color)); border-color:rgb(var(--primary-color));}
.btn-outline-primary:hover {color:rgb(var(--primary-color)); background-color:#ffcc00; border-color:rgb(var(--primary-color));}
	
a.btn-outline-warning {color:rgb(var(--secondary-color)) !important; border-color:rgb(var(--secondary-color));}
	a.btn-outline-warning:hover, a.btn-outline-warning:focus, a.btn-outline-warning:active {color:rgb(var(--primary-color)) !important; background-color:rgb(var(--secondary-color));}

.btn-secondary {color:rgb(var(--primary-color)) !important; background-color:#ffffff !important; border-color:#cccccc !important;}
.btn-secondary:hover {color:rgb(var(--primary-color)) !important; background-color:rgb(255,231,136) !important; border-color:#adadad !important;}
.btn-secondary.active {background-color:rgba(var(--secondary-color),.25) !important; border-color:#999999 !important;}
.btn-secondary:focus, .btn-secondary.focus {box-shadow:none !important;}

.btn-outline-secondary {color:rgb(var(--primary-color)) !important; background-color:#ffffff !important; border-color:#cccccc !important;}
.btn-outline-secondary:hover {color:rgb(var(--primary-color)) !important; background-color:rgba(var(--secondary-color),.85) !important; border-color:#adadad !important;}
.btn-outline-secondary.active {background-color:rgba(var(--secondary-color),.25) !important; border-color:#999999 !important;}
.btn-outline-secondary:focus {box-shadow:none !important;}

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, 
.btn-outline-secondary:active, .btn-outline-secondary.active, 
.btn-outline-secondary.dropdown-toggle.show {color:#ffffff !important; background-color:rgb(var(--primary-color)) !important; border-color:#707B89 !important;}

.btn-outline-transparent {color:rgb(var(--primary-color)) !important; background-color:none !important; border-color:rgb(var(--primary-color)) !important;}
.btn-outline-transparent:hover {background-color:rgba(var(--secondary-color),.85) !important;}
.btn-outline-transparent.active {background-color:rgba(var(--secondary-color),.25) !important;}
.btn-outline-transparent:focus {box-shadow:none !important;}

.btn-tertiary {color:#494c4e; background-color:#f9f9f9; border-color:#cccccc;}
.btn-tertiary:hover {color:#494c4e; background-color:rgba(var(--secondary-color),.25); border-color:#adadad;}
.btn-tertiary.active {background-color:#cccccc; border-color:#999999;}

.btn-hover-success:hover {color:#f1f2f6; background-color:#5cb85c; border-color:#4cae4c}
.btn-hover-info:hover {color:#f1f2f6; background-color:#487dad; border-color:#1d587f}
.btn-hover-warning:hover {color:#f1f2f6; background-color:#f0ad4e; border-color:#eea236}
.btn-hover-danger:hover {color:#f1f2f6; background-color:#d9534f; border-color:#d43f3a}

.btn-highlight {color:#333333; background-color:#E5F3FF; border-color:#6D9DC8;}
.btn-positive {background-color:#F5FFF5; border-color:#D2F1C8; color:#777777;}
	.btn-positive:hover {background-color:#e5ffe5; border-color:#D2F1C8;}
.btn-negative {background-color:#FFF5F5; border-color:#F8D8D8; color:#777777;}
	.btn-negative:hover {background-color:#ffe5e5; border-color:#F1C8C8;}

.btn-weakness {background:#F1C8C8} .btn-ability {background:#F1F1BE} .btn-strength {background:#D2F1C8}
	.btn-weakness:hover, .btn-weakness:focus, .btn-weakness:active, .btn-weakness.active, .btn-weakness.disabled, .btn-weakness[disabled] {background:#F1C8C8}
	.btn-ability:hover, .btn-ability:focus, .btn-ability:active, .btn-ability.active, .btn-ability.disabled, .btn-ability[disabled] {background:#F1F1BE}
	.btn-strength:hover, .btn-strength:focus, .btn-strength:active, .btn-strength.active, .btn-strength.disabled, .btn-strength[disabled] {background:#D2F1C8}

.btn-warning {color:rgb(var(--primary-color)) !important; background-color:rgb(var(--secondary-color)); border-color:rgb(var(--secondary-color));}

.form-check-input:checked {background-color:rgb(var(--primary-color)); border-color:rgb(var(--primary-color));}
.form-check-input:focus {border-color:rgba(35,55,82,0.35); box-shadow:0 0 0.25rem rgba(35,55,82,0.25);}
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(35,55,82,0.5)'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/* Navigation items */
.nav-link {color:rgb(var(--primary-color));}
	.nav-link:hover, .nav-link:focus {color:rgb(var(--primary-color-darker));}

.nav-pills {}
	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color:rgb(255,255,255); background-color:#777777;} /* #FFCC00, #1d587f */
	.nav-pills .nav-link.active:hover,.nav-pills .show .nav-link:hover {color:rgb(255,255,255); background-color:#555555; box-shadow:0px 0px 3px rgba(var(--secondary-color),0.25);} /* #FF9900 */

	.nav-pills .nav-link.nav-icon {color:rgba(30,32,36,.5)}
	.nav-pills .nav-link.nav-icon:hover,
	.nav-pills .nav-link.nav-icon.active {color:rgba(30,32,36,.75); background-color:transparent;}

	.nav-pills.show .nav-link.nav-icon,
	.nav-pills.show .nav-link.nav-icon:hover  {color:#f1f2f6; background-color:rgb(var(--primary-color));}

	.dropdown-item.active, .dropdown-item:active {background-color:#FFCC00; color:rgb(var(--primary-color)) !important;}

.nav-tabs-line {}
	.viewPad .card-header-tabs .nav-link.active, .viewPad .card-header-tabs .nav-link:hover,
	.nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:hover,
	.nav-tabs-subNav .nav-link.active, .nav-tabs-subNav .nav-link.active:hover {color:rgb(var(--primary-color-dark)); 
		border-left:1px solid transparent; border-right:1px solid transparent; border-top:1px solid transparent; border-bottom:2px solid rgb(var(--primary-color));}

	.nav-tabs-line .nav-link.nav-icon {color:rgba(30,32,36,.5)}
	.nav-tabs-line .nav-link.nav-icon:hover,
	.nav-tabs-line .nav-link.nav-icon.active {color:rgba(30,32,36,.75); background-color:transparent;}
	
/* Color utilities */
.active-hover:hover {background-color:rgba(var(--primary-color),0.0125);}
.active-highlight.active, .active-highlight .active {background-color:rgba(var(--secondary-color),0.125);}


/* Javascript classes */
.error, .error label {color:#BC223A}
.error input, .error textarea, .error select {border-color:#BC223A !important;}
.feedbackError {background:#F9E6E6;}
.row-hover {background-color:#f5f5f5;}
.highlight {background-color:yellow;}