:root {
 	--main-color: #2b81bc;
 	--main-color-transparent: rgba(136, 151, 109, 0.5);
 	--secondary-color: #df4739;
}
 
body {
	background-color: #F8F8F8 !important;
  	margin: 0;
  	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  	font-size: 0.9rem;
  	font-weight: 400;
  	line-height: 1.5;
  	color: #858796 !important;
  	text-align: left;
}

.bg-main {
	background-color: var(--main-color);
	color: #fff;
}

.breadcrumb {
	border-radius: 0px !important;
	align: center;
}

.breadcrum-active {
	background-color: var(--main-color) !important; 
	border-bottom: 1px solid #fff; 
	margin-bottom: -3px;
}

.breadcrum-active > .breadcrumb-item {
	color: #fff;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.breadcrum-active > .active {
	color: var(--secondary-color) !important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

.card, .modal-content, .modal-header {
	border-radius: 0px !important;
}

.card-header h6 {
	color: #fff !important;
}

.card-header {
	padding-top: 0px;
	padding-bottom: 0px;
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color) !important;
}

.card-header {
	text-decoration: none;
}

.btn-default {
	border: 1px solid var(--main-color);
	color: #fff;
	background-color: var(--main-color);	
}

.btn-default:hover {
	border: 1px solid var(--secondary-color);
	color: var(--main-color);
	background-color: var(--secondary-color);	
}

.btn-primary {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color) !important;
	color: #fff;
}

.btn-icon-primary {
	border: 1px solid var(--main-color) !important;
	background-color: var(--main-color) !important;
	color: #fff !important;
}

.btn-icon-primary:hover {
	border: 1pw solid var(--secondary-color) !important;
	background-color: var(--secondary-color) !important;
	color: #fff;
}

.btn-primary:hover {
	border: 1px solid var(--secondary-color) !important;
	background-color: var(--secondary-color) !important;
	color: #fff;
}

.table2 {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table2 th,
.table2 td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.table2 thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table2 tbody+tbody {
    border-top: 2px solid #dee2e6;
}