/* You can add global styles to this file, and also import other style files */
 body {
	 background-color: #eee !important;
	 font-family: 'Roboto', sans-serif !important;
	 font-size: 16px !important;
	 font-weight: 400 !important;
}
 .font-bold {
	 font-weight: 700 !important;
}
 .table-header {
	 background-color: #888;
	 color: #fff;
}
 td.b-2-555 {
	 border-color: #555 !important;
	 border-width: 2px !important;
}
 .table-striped.text-medium > tbody > tr:nth-of-type(odd) {
	 color: #555 !important;
	 background-color: #fefefe !important;
}
 .table-striped.text-medium > tbody > tr:nth-of-type(even) {
	 color: #555 !important;
	 background-color: #ddd !important;
}
 .text-medium {
	 color: #555;
}
 .text-dull {
	 color: #949494 !important;
}
 .bg-dull {
	 background-color: #949494 !important;
}
 .pagination {
	 display: flex;
	 padding: 1rem;
	 width: fit-content;
	 border-radius: 0.25rem;
}
 .crumbs {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 align-items: center;
	 list-style-type: none;
	 margin: 0;
	 padding: 0;
	 gap: 0.5rem;
}
 .crumb {
	 display: block;
	 background-color: #fff;
	 padding: 0.5rem 1rem;
	 text-decoration: none;
	 color: #555;
	 border-radius: 50%;
	 border: 0.0625rem solid #3371b7;
}
 .crumb:hover, .crumb__active {
	 background-color: #337ab7;
	 color: #fdfdfd;
	 border-color: #337ab7;
}
 .crumb__prev {
	 margin-right: 0.5rem;
	 cursor: w-resize;
}
 .crumb__next {
	 margin-left: 0.5rem;
	 cursor: e-resize;
}
 .form-control, .form-select {
	 height: 45px;
	 border-color: #aaa;
	 background-color: #fefefe;
}
 .nav-tabs.user-tabs .nav-link {
	 color: #495057;
	 background-color: #fefefe;
	 border-color: #dee2e6 #dee2e6 #aaa #dee2e6;
}
 .nav-tabs.user-tabs .nav-link.active {
	 border-color: #aaa #aaa #eee #aaa;
	 font-weight: bold;
	 background-color: #eee;
}
 #myTabContent {
	 padding: 15px;
	 border: 1px solid #aaa;
	 margin-top: -1px;
	 border-radius: 2px;
}
 .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
	 border-left: none !important;
	 background-color: #ccc;
	 border-radius: 2px;
	 margin-right: 2px;
}
 .choices__list--multiple .choices__item {
	 background-color: transparent !important;
	 border-color: #aaa !important;
	 border-radius: 2px !important;
	 color: #999 !important;
}
/* Bootstrap 4 text input with search icon */
 .has-search .form-control {
	 padding-left: 2.375rem;
}
 .has-search .form-control-feedback {
	 position: absolute;
	 z-index: 2;
	 display: block;
	 margin-top: 8px;
	 margin-left: 5px;
	 text-align: center;
	 pointer-events: none;
	 color: #aaa;
}
 .border-custom {
	 border-color: #2b61c4 !important;
}
 table.border-white-2px {
	 font-family: 'Open Sans', sans-serif;
}
 table.border-white-2px.pad-10 thead tr th {
	 padding: 10px;
}
 table.border-white-2px.pad-10 tbody tr td {
	 padding: 10px;
}
 table.border-white-2px thead tr th {
	 border-color: #fff !important;
	 border-width: 4px !important;
	 background-color: #ececec !important;
	 font-weight: normal !important;
	 font-style: italic;
	 padding: 15px;
}
 table.border-white-2px tbody tr td {
	 border-color: #fff !important;
	 border-width: 4px !important;
	 background-color: #f2f3ff !important;
	 padding: 15px;
}
 .pagination-danger .page-item.active .page-link {
	 background-color: #f21b21;
	 border-color: #f21b21;
}
 .pagination-danger .page-item .page-link {
	 padding: 0.75rem 1.5rem;
	 color: #f21b21;
}
 .rounded-20 {
	 border-radius: 20px !important;
}
 .bg-light-blue {
	 background-color: #e8f0ff;
}
 .text-success {
	 color: #55a949 !important;
}
 .bg-light-violet {
	 background-color: #f2f3ff;
}
 .btn-success {
	 background-color: #55a949 !important;
}
 .text-danger {
	 color: #a60c2e !important;
}
 .text-action {
	 color: #f21b21;
}
 .text-green {
	 color: #55a949;
}
 .bg-action {
	 background-color: #f21b21;
}
 .bg-green {
	 background-color: #55a949;
}
 .text-blue {
	 color: #2b61c4 !important;
}
 .btn-danger {
	 background-color: #a60c2e !important;
}
 .navbar-dark-red {
	 background-color: #880823 !important;
}
 .navbar-yellow {
	 background-color: #f6b82a !important;
}

.unassign{
	cursor: pointer;
}
.error {
	color: #ff0000;
	font-style: italic;
}