body {
	padding-top: 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.header {
	height: 53px;
	z-index: 9999 !important;
}

.sticky-offset {
	top: 97px;
}

.menu-offset {
	top: 53px;
}

.content-offset {
	position: relative;
	top: 41px;
}

.nav-menu {
	z-index: 8888 !important;
}

.menu {
	background-color: #6543ab;
	border-top-color:#4a3180;
    border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #4a3180;
    border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 41px;			
}

.nav-menu .menu {
	padding:0px;
	height: 41px;
	background: none #6543ab;
	border-bottom: 1px solid #4a3180;
}

.nav-menu .menu li {
	float: left;
	margin-left:0px;
	margin-right:0px;
	border-left: 1px solid #212654;
}

.nav-menu .menu .nav-link {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-bottom: 5px solid transparent;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;	
	color:#ffffff;
	padding-right: 13px !important;
	padding-left: 13px !important;
	padding-left:0px;
	padding-right:0px;
	text-decoration:none;
	margin-right: 0px;
	height: 39px;	
}

.nav-menu .menu .nav-link.active {
	background-color:#4a3180;
	border-color: transparent;
	border-bottom: 5px solid #eed05d;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	color:#ffffff;
}

.nav-menu .menu .nav-link:hover  {
	border-color: transparent;
	border-bottom: 5px solid #d64864;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;	
	color:#ffffff;
	text-decoration:none;
	background-color:#4a3180;
}

.nav-menu .menu .nav-item {
    margin: 0px;
    top: 0px;
}

.nav-link-text {
	font-size: 14px;
	vertical-align: -moz-middle-with-baseline;
	line-height: 1.75;
	padding-left: 5px;
	padding-right: 5px;
}

.nav-menu .menu li:last-child {
	border-right: 1px solid #212654;
} 

.menu-2 {
	background-color: #f2f6f8;
	border-top-color:#ccdae2;
    border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #ccdae2;
    border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 41px;			
}

.tab-menu .menu-2 {
	padding:0px;
	height: 41px;
	background: none #f2f6f8;
	border-bottom: 1px solid #ccdae2;
}

.tab-menu .menu-2 li {
	float: left;
	margin-left:0px;
	margin-right:0px;
	border-left: 1px solid #ccdae2;
}

.tab-menu .menu-2 > li > a {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-bottom: 5px solid transparent;
	color:#6543ab;
	padding-right: 10px !important;
	padding-left: 10px !important;
	padding-left:0px;
	padding-right:0px;
	text-decoration:none;
	margin-right: 0px;
	height: 39px;	
}

.tab-menu .menu-2 > li > a.active {
	background-color:#ffffff;
	color:#333333;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #ffffff;
	border-bottom-width: 23px;		
}

.tab-menu .menu-2 li a:hover  {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #ffffff;
	border-bottom-width: 22px;			
	color:#333333;
	text-decoration:none;
	background-color:#ffffff;
}

.tab-menu .menu-2 li a.active:hover  {
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #ffffff;
	border-bottom-width: 23px;			
	color:#333333;
	text-decoration:none;
	background-color:#ffffff;
}

.tab-menu .menu-2 > li > a.active span {
	border-bottom: 5px solid #6bb3b6;
	padding-bottom: 8px;
}

.tab-menu .menu-2 li a span:hover  {
	border-bottom: 5px solid #eed05d;
	padding-bottom: 8px;
}

.tab-menu .menu-2 .nav-item {
    margin: 0px;
    top: 0px;
}

.tab-menu .menu-2 li:last-child {
	border-right: 1px solid #ccdae2;
} 

.menu-3 {
	background-color: #f2f6f8;
	border-top-color:#ccdae2;
    border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #ccdae2;
    border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 41px;			
}

.tab-menu-2 .menu-3 {
	padding:0px;
	height: 41px;
	background: none #f2f6f8;
	border-bottom: 1px solid #ccdae2;
}

.tab-menu-2 .menu-3 li {
	float: left;
	margin-left:0px;
	margin-right:0px;
}

.tab-menu-2 .menu-3 > li > a {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-bottom: 5px solid transparent;
	color:#333333;
	padding-right: 13px !important;
	padding-left: 13px !important;
	padding-left:0px;
	padding-right:0px;
	text-decoration:none;
	margin-right: 0px;
	height: 39px;	
}

.tab-menu-2 .menu-3 > li > a.active {
	background-color:transparent;
	border-color: transparent;
	color:#333333;	
}

.tab-menu-2 .menu-3 li a:hover  {
	color:#333333;
	text-decoration:none;
	background-color:transparent;
	border-color: transparent;
}

.tab-menu-2 .menu-3 > li > a.active span {
	border-bottom: 5px solid #6bb3b6;
	padding-bottom: 8px;
}

.tab-menu-2 .menu-3 li a span:hover  {
	border-bottom: 5px solid #eed05d;
	padding-bottom: 8px;
}

.tab-menu-2 .menu-3 .nav-item {
    margin: 0px;
    top: 0px;
}


#body-row {
	margin-left: 0;
	margin-right:0;
}
#sidebar-container {
	min-height: 89.5vh;   
	width: 225px;
	padding: 0;
	border-right: 1px solid #dddddd;
	box-shadow: 1px 0px 5px rgba(0, 63, 103, 0.2);
}

#sidebar-container .list-group a {
	color: #6543ab;
}

.sidebar-separator-title {
	border-top: none;
	border-left: none;
	border-right: none;		
	border-bottom: 1px solid #dddddd;
}

#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
	content: " \f078";
	font-family: "Font Awesome 5 Pro";
	display: inline;
	text-align: right;
	padding-left: 10px;
}

#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
	content: " \f077";
	font-family: "Font Awesome 5 Pro";
	display: inline;
	text-align: right;
	padding-left: 10px;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: transparent;
}


.sidebar-panel-item,
.sidebar-panel-item-link {
	border: none;
	font-size: 13px;
}

.sidebar-panel-item-link:hover {
	text-decoration: underline;
}

.sidebar-panel {
	padding-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}

#commentsInviteSent .sidebar-panel,
#commentsSubmitted .sidebar-panel {
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

.list-group-item {
    padding: 4px 16px;
}

#commentsInviteSent .list-group-item,
#commentsSubmitted .list-group-item {
    padding: 4px 0px;
}

.item-count {
	color: #999999;
}

.item-title {
	color: #000000;
}

.sidebar-checkbox {
	position: relative;
	top: 2px;
}

.dropdown-toggle::after {
    position: relative;	
    top: 2px;
    left: 3px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: transparent;
	border-bottom: 5px solid #eed05d;
	color:#ffffff;
	text-decoration:none;
	background-color:#4a3180;
}


a.dropdown-item {
	font-size: 14px;
	border: 1px solid transparent;
	color: #333333;
	padding: .25rem 1rem;	
}

.dropdown-menu {
	box-shadow: 1px 2px 5px rgba(0, 63, 103, 0.2);	
}

a.dropdown-item:hover,
a.dropdown-item:active {
	font-size: 14px;
	border-top: 1px solid #eeb212;
	border-bottom: 1px solid #eeb212;
	background-color: #ffea9c;
}

.wpx-275 {
	width: 275px !important;
}

.wpx-250 {
	width: 250px !important;
}

.wpx-212 {
	max-width: 213px !important;
}

.wpx-190 {
	max-width: 190px !important;
}

.form-control,
.input-group-text  {
	border-radius: 0px !important;
	border: 1px solid #99b3c3 !important;
}

.search-criteria label {
	margin-bottom: .25rem;
	font-weight: bold;
	font-size: 14px;
}

.btn-primary {
    color: #fff;
    background-color: #6543ab;
	border-color: #6543ab;
	font-size: 14px;
}

.btn-primary:hover {
    background-color: #4a3180;
	border-color: #6543ab;
}

.btn-outline-primary {
    color: #6543ab;
	border-color: #6543ab;
    background-color: #ffffff;	
	font-size: 14px;	
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #6543ab;
	border-color: #6543ab;
	
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #d64864;
	border-color: #d64864;
	
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #80ba98;
	border-color: #80ba98;
	
}

.text-primary {
	color: #6543ab !important;
}

.badge {
    padding: .5em .75em;
    font-size: 13px;
    font-weight: 500;
}

.badge-warning {
    color: #333333;
    background-color: #ffea9c !important;
}

.badge-success {
    color: #333333;
    background-color: #e7f2da !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #6543ab;
    border-color: #6543ab;
}

.settings-panel {
	width: 500px;
}

.dropdown-panel {
	border: 1px solid #99b3c3;
	background-color: #fafafa;
}

.settings-panel .form-group {
	width: 400px;
}

.settings-panel .list-group{
	max-height: 170px;
	height: 200px;
	margin-top: 10px;
    margin-bottom: 10px;
	overflow-y: auto;
	border-radius: 0px;
	border: 1px solid #99b3c3;
	background-color: white;
}

.settings-panel .list-group-item {
	font-size: 13px;
	border: 1px solid transparent;
}

.settings-panel .list-group-item:hover,
.settings-panel .list-group-item:active {
	border-top: 1px solid #eeb212;
	border-bottom: 1px solid #eeb212;
	background-color: #ffea9c;
	cursor: pointer;
}

.settings-panel .list-group-item.active {
	border-top: 1px solid #96d2ef;
	border-bottom: 1px solid #96d2ef;
	background-color: #eaf7fd;
	color: #333333;
	cursor: pointer;
}

.settings-panel label {
	font-weight: bold;
	font-size: 14px;
}

.vertical-center {
	display: grid;
	align-items: center;
}

.search-results {
	font-size: 13px;
}

.search-results a,
.search-results a:hover {
    color: #6543ab !important;
}

.search-results td.icon {
	font-size: 18px;
	padding: 10px;
	text-align: center;
}

.search-results .form-check-input {
	margin-left: -7px;
	margin-top: 0px;
}

#usersGrid tbody .form-check-input {
	margin-left: -7px;
	margin-top: -6px;
}

.search-results > thead > tr >  th > input.form-check-input {
	margin-top: -14px;
}

.search-results .thead-lighter th {
    color: #333333;
    background-color: #f2f2f2;
	border-color: #99b3c3;
}

.search-results > tbody > tr > td, 
.search-results > thead > tr > th {
    border-bottom: 1px solid #dee2e6;
}

.icon {
	vertical-align: middle !important;
}

.icon-button {
	width: 30px;
	height: 30px;
	font-size: 16px;
}

.separator {
	font-size: 16px;
    color: #6543ab;
}

.paginator-button {
	width: 31px;
	height: 31px;
	position: relative;
	bottom: 1px;
	border-radius: 0px;
	margin: 0px 1px;
	font-size: 17px;
}

.profile-button {
	font-size: 18px;
	padding: 4px 4px;
}

.profile-button::after {
    position: relative;
    top: 2px;
    left: -2px;
}

.profile-button i {
    position: relative;
    left: 2px;
}

.header div.dropdown-menu {
	z-index: 99999;
	top: 35px;
}

.logged {
	font-size: 14px;
    line-height: 0px;
    position: relative;
    top: 9px;	
}

.required-label:after {
    content: " *";
    color: #df3425;
    font-size: 17px;
    font-weight: 900;
}

.non-required-label {
	padding-top: 6px;
}

#no_recent_searches {
	font-size: 14px;
	margin-left: 20px;
}

.popover-info span {
	font-size: 14px;
	color: #ffffff;
	background-color: #6543ab;
	border-radius: 50%;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;	
	font-weight: bold;
}

.popover-body {
	box-shadow: 1px 2px 5px rgba(0, 63, 103, 0.2);	
}

.modal {
    z-index: 10500;
}

.modal-backdrop {
    z-index: 10400;
}

.modal-header {
	background-color: #f5f5f5;
	padding: 13px 13px;
}

.modal-footer {
	padding: 10px 13px;
}

.btn-primary.disabled, 
.btn-primary:disabled {
	color: #ffffff;
	border-color: #999999;
	background-color: #999999;
	cursor: default;
}

.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color: #999999;
	border-color: #999999;
	background-color: transparent;
	cursor: default;
}

.column-nowrap {
	white-space: nowrap;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.breadcrumps {
	font-size: 14px;
}

.breadcrumps a {
	color: #6543ab;
}

.detail label {
	color: #6543ab;
}

.detail div {
	color: #333333;
}

.detail {
	width: 250px;
	font-size: 14px;
}

.dashboard-panel {
	border: 1px solid #99b3c3;
	border-radius: 1px;
	box-shadow: 1px 2px 5px rgba(0, 63, 103, 0.2);
}

.login {
        align-items: center;
        display: grid;
        height: 100%;
        position: fixed;
        width: 100%;
        background-color: #4a3180;
        overflow: auto;
  }

  .auth-box {
        background-color: #fafafa;
        border: 1px solid #99b3c3;
        border-radius: 8px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);   
  }

  .auth-body {
        max-width: 500px;
        bottom: 15%;
  }

 .login-margin {
       width: 305px;
       margin: auto;
  }

  canvas#spiders {
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}  

.version {
	font-size: 11px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 65px;
}

small.text-muted {
    color: inherit !important;
    font-size: 16px;
}

.bootstrap-select .dropdown-menu li.active small {
    color: #333333 !important;
}

.d2d-search input {
  width: 350px !important;
  height: 38px;
  border-top: 1px solid #6543ab !important;
  border-bottom: 1px solid #6543ab !important;  
  border-right: 0 !important;
}

.d2d-search .input-group-prepend .btn {
  border-radius: 3px 0px 0px 3px;
  border: 1px solid #6543ab;
  color: #000000;
  background-color: #eeeeee;
}

.d2d-search .input-group-append .btn {
  border: 1px solid #6543ab;
  border-left: none;
  color: #ffffff;
  background-color: #6543ab;
}

.d2d-search {
	position: relative;
	top: 6px;
	font-size: 16px !important;
  }

 .d2d-search .filter-option-inner-inner .fas-blank {
	margin-left: 0px;
  }

  .d2d-search .fas-blank {
	margin-left: 9px;
  }
  
  .d2d-search span.fa {
	min-width: 20px;
  }  

.d2d-search .btn {
	font-size: 16.5px !important;
}

.d2d-search a.dropdown-item {
	font-size: 16px;
}

.user-info {
	position: relative;
	top: 7px;
}

.d2d-search div.dropdown-menu {
    z-index: 99999;
    top: 36px !important;
}

.remove {
	border-top: 1px solid #6543ab;
	border-bottom: 1px solid #6543ab;
	border-left: none;
	border-right: none;
	background-color: transparent;
	width: 40px;
	color: #666666;			
}

.remove:focus {
	outline: none;
}

.column-nowrap-history {
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fs-11 {
	font-size: 11px !important;
}

.fs-12 {
	font-size: 13px !important;
}

.fs-13 {
	font-size: 13px !important;
}

.fs-14 {
	font-size: 14px !important;
}

.fs-16 {
	font-size: 16px !important;
}

.fs-18 {
	font-size: 18px !important;
}

.fs-32 {
	font-size: 32px !important;
}

.fs-40 {
	font-size: 40px !important;
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    border-top: 1px solid #96d2ef;
    border-bottom: 1px solid #96d2ef;
    background-color: #eaf7fd;
    color: #333333;
}

.dropdown-item.active small.text-muted,
.dropdown-item:active small.text-muted  {
    color: #333333 !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

.cursor-default {
	cursor: default !important;
}

.search-title {
	font-size: 18px;
	font-weight: bold;
}

.search-description {
	color: #999999;
}

.search-data-type {
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	color: #4a3180;
}

.search-data-type i {
	font-size: 16px;
}

.search-address {
	color: #4a3180;
	background-color: #ccdae2;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 3px;		
}

.search-item {
	cursor: pointer;
	border-left: 5px solid rgba(153, 179, 195, 0.25);
	width: 75%;
	max-width: 1000px;
	display: inline-grid;
}

.search-item-actions {
	position: relative;
	top: 5px;
}

.search-item:hover {
	border-left: 5px solid rgba(153, 179, 195, 1);
}

.search-checkbox {
	position: relative;
	top: 10px;
}

.tools-panel {
    border-bottom: 1px solid rgba(0,0,0,.1);		
}

.tools-panel .search-criteria{
	width: fit-content;
	margin: 0 auto;
}

.view-as {
	margin-top: 6px;
	margin-bottom: 2px;
}

.loader {
	border: 2px solid #dcdcdc;
	border-radius: 50%;
	border-top: 2px solid #6543ab;
	width: 14px;
	height: 14px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
  }

  .loader-big {
    border: 5px solid #dcdcdc;
    border-radius: 50%;
    border-top: 5px solid #6543ab;
    width: 48px;
    height: 48px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
  
  /* Safari */
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  .item-title.in-process {
	  color: #a9a9a9 !important;
  }

  .item-count .fa {
	  font-size: 16px;
  }

  .settings {
	top: 7px;
  }

  .app-switcher button.dropdown-toggle {
	position: relative;
	bottom: 2px;
	padding: 8px 15px 9px 15px;  
  }
  
  .app-switcher button.dropdown-item {
	border-radius: 0px !important;  
  }
  
  .app-switcher div.dropdown-menu {
	z-index: 99999;
	top: 27px;
  }

  .sidebar-input {
	  width: 190px;
	  font-size: 13px;
  }

  .sidebar-date-input {
	width: 150px;
	font-size: 14px;
}

.w-15 {
	width: 15% !important;
}

.w-10 {
	width: 10% !important;
}

.w-70 {
	width: 70% !important;
}

.action-button {
	height: 32px;
	width: 32px;
}

.details-title {
	font-size: 20px;
}

.selected-row {
	/* background-color: #e7f2da; */
	background-color: #f9fcf6;
}

tbody tr:hover td, .table-hover tbody tr:hover th {
	/* background-color: #eaf7fd; */
	background-color: #f4f6fe;	
}

.clear-link {
	position: relative;
	top: 5px;
	right: 1px;
}

.label-required:after {
	content: " *";
	color: #e74c3c;
	font-size: 17px;
	font-weight: 900;
}

.modal-body .col-form-label {
    padding-top: 0px;
	padding-bottom: calc(.375rem + 3px);
}

tr .far {
	margin-right: .5rem;
	opacity: 0;
	/* transition: opacity .2s ease-out; */
	/* cursor: pointer; */
	/* transition-delay: .5s; */
  }
  tr:hover .far {
	opacity: 1;
	/* transition-delay: 0s; */
  }


  .icon-details {
	  position: relative;
	  top: 2px;
  }

  .new-comments {
	position: relative;
    bottom: 5px;
    padding: 3px 5px !important;
    font-size: 10px;	  
  }

  .textarea {
	border: 1px solid #ccc;
	padding: 1px 6px;
	display: block;
	width: 100%;
	overflow: hidden;
	resize: both;
	min-height: 40px;
	line-height: 20px;
  }
  
  .textarea[contenteditable]:empty::before {
	content: "Start typing";
	color: gray;
  }

  .border-top {
	  border-top: 1px solid #dee2e6;
	  padding-top: 10px;
  }

  .status-days {
	  min-width: 110px !important;
  }

  .attention {
	  width: 10px !important;
	  padding-left: 0px !important;
	  padding-right: 0px !important;
  }

  .tp-2 {
	position: relative;
	top: 2px;
}

  .tp-3 {
	  position: relative;
	  top: 3px;
  }

  .tp-5 {
	position: relative;
	top: 5px;
}

  dd {
    margin-inline-start: 40px !important;
  }
  
 .visibility-hidden {
	 visibility: hidden !important;
 }
 
 a > span.fa,
 a > span.fab {
	 width: 20px;
	 text-align: center;
 }

 a > span.fa-blank {
	 width: 29px;
 }

span.fa-blank + span > small {
	padding-left: 4px !important;
}

.d-grid {
	display: grid !important;
}

.multiline-dropdown button{
	font-size: 14px !important;
}

.border-grey-blue {
	border-color: #99b3c3 !important;
}


.btn-action-lg {
	width: 100px;
	height: 100px;
}

.btn-action-lg.disabled,
.btn-action-lg:disabled,
.btn-action-lg.disabled:hover,
.btn-action-lg:disabled:hover {
	background-color: transparent !important;
    opacity: .65 !important;
	color: #999999 !important;
	border-color: #999999 !important;
	cursor: default !important;
}

.modal-spinner {
    max-width: 110px;
}


.loader-big-text {
    position: relative;
    top: 45px;
    right: 50px;
}

img.disabled {
	filter: opacity(50%);		
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #212529;
    background-color: #f8f9fa;
}

.text-black {
	color: #000000 !important;
}

.border-sidebar-item {
	border: 1px solid #dddddd;
	border-right-style: hidden;
	border-left-style: hidden;
	border-top-style: hidden;	
}

#sidebar-container a.active i {
	color: #6543ab;
}

#sidebar-container a i {
	color: #212529;
}

.infocard {
	background-image: repeating-linear-gradient(to right, rgb(45, 190, 96) 0 5px, transparent 4px 9px);

    font-style: inherit;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 2px;
	padding-bottom: 2px;	
}

/* .popover .arrow {
	display: none;
} */

.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
    left: calc(-.5rem - 0px);
}

.popover {
	/* width: 350px !important;
	max-width: 350px !important;	 */
	width: 30%;
	max-width: 500px;
	font-family: Arial, Helvetica, sans-serif !important;
}

.popover-header {
    background: #80ba98 !important;
	color: #ffffff !important;
}

.css-table {
	display: table;
}

.css-table-header {
	display: table-header-group;
	font-weight: bold;
	background-color: #f2f6f8;
}

.css-table-body {
	display: table-row-group;
}

.css-table-row {
	display: table-row;
}

.css-table-header div,
.css-table-row div {
	display: table-cell;
	padding: 2px 6px;
	text-align: center;
	border: 1px solid #cccccc;	
}

.css-table-header div {
	text-align: center;
	border: 1px solid #cccccc;
}

.text-indent-20 {
	text-indent: 20px;
}

.user-cards {
	height: 275px;
	overflow-y: auto;
}

.search-results td {
	vertical-align: middle !important;
}

.fal.fa-users-class {
	position: relative !important;
    right: 2px !important;	
}

.tx-3 {
	position: relative;
	top: 3px;;
}

.bg-lighter {
	background-color: #eaf7fd;
}

.bg-lightest {
	background-color: #f4f6fe;
}

.w-95 {
	width: 95% !important;
}

.border-bottom-black {
	border-bottom: 1px solid black !important;
}

.actions {
	width: 170px !important;
}

.details-panel {
	border-right: 2px solid #dee2e6;
}

.level-1 {
	padding-left: 3rem!important;
}

.level-2 {
	padding-left: 6rem!important;
}

.level-3 {
	padding-left: 9rem!important;
}

.btn-outline-danger {
    color: #d64864;
    border-color: #d64864;
}

.btn-outline-success {
    color: #80ba98;
    border-color: #80ba98;
}

.text-success {
    color: #80ba98!important;
}

.text-danger {
    color: #d64b64!important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #6543ab;
    background-color: #6543ab;
}

.h-49 {
	height: 49% !important;
}

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

.colors {
	color: #6543ab; /* nAbleIT Blue*/
	color: #4a3180; /* Midnight Blue */
	color: #6bb3b6; /* Accent Blue */
	color: #96d2ef; /* Cool Blue */
	color: #c3e6f7; /* Sky Blue */
	color: #eaf7fd; /* Ice Blue */
	color: #99b3c3; /* Grey Blue */
	color: #ccdae2; /* Light Grey Blue */	
	color: #eed05d; /* Gold */
	color: #eeb212; /* Discovery Yellow*/
	color: #ffea9c; /* Sunglow Yellow*/		
	color: #f2f6f8; /* Light Yellow */
	color: #df3425; /* Red */
	color: #e7f2da; /* Mint Green */	
}