body{
	background-color:#f0f0f0;
}
i.sorted{
	color:#212529;	
}
.fa-sort-up{
	top:4px;
	position:relative;
	margin-left:5px;
	margin-right:0px;
	font-size:16px;
	color:#C0C0C0;
}
.fa-sort-down{
	color:#C0C0C0;
	position:relative;
	top:-3px;
	font-size:16px;
}
h1{
	color:#0E2C70;
	font-size:39px;	
}
.table td, .table th{
	padding:5px;
	font-size:12px;
}
/*Loading Button*/
.lds-ring {
	display: none;
	width: 12px;
	height: 12px;
	margin-left:6px;
}
.running>.lds-ring{
	display:inline-block;	
}
.running>i{
	display:none;
}

.lds-ring:after {
	content: " ";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #fff;
	border-color: #fff #fff #fff transparent;
	animation: lds-ring 0.8s linear infinite;
}
#loading{
	position:relative;
	margin:50px;
	width:170px;
	height:170px;
}
#loading.lds-ring:after{
	width:170px;
	height:170px;
	border:35px solid #fff;	
	border-color: #D1D2D4 transparent #D1D2D4 #D1D2D4;
	animation: lds-ring 1.6s linear infinite;
}

/*Password*/
.passwordWrapper{
	position:relative;
}
.fa-eye, .fa-eye-slash{
	position:absolute;
	cursor: pointer;
	right:10px;
	top:10px;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.lds-ring-inner:after{
	position:absolute;
	content: " ";
	display: block;
	border-radius: 50%;
	border: 2px solid #fff;
	border-color: #fff #fff #fff transparent;
	animation: lds-ring-inner 1.6s linear infinite;
	top:50%;
	margin-top:-45px;
	left:50%;
	margin-left:-45px;
	width:90px;
	height:90px;
	border:20px solid #fff;	
	border-color: #0E2C70 #0E2C70 #0E2C70 transparent;
}

@keyframes lds-ring-inner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.table.searching{
	opacity:0.5;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th,
.table-striped2>tbody:nth-of-type(odd){
	background-color:#ffffff;
}
.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th,
.table-striped2>tbody:nth-of-type(even){
	background-color:#F7F7F7;
}

.alternate2{
	background-color:#ffffff !important;
}
.alternate1{
	background-color:#F7F7F7 !important;
}
.alternate1>td, .alternate2>td{
	background-color:inherit !important;
}
div[class~="bootstrap-select"] > button[class~="dropdown-toggle"] {
	border: 1px solid #ced4da !important;
	background-color: #ffffff !important;
	margin: unset !important;
}

.table>tbody>tr:hover>td{
	color:#ffffff;
	background-color: #0E2C70 !important;
}

.table>tbody>tr:hover td>a{
	color:#ffffff !important;
}

.bubble{
	box-shadow:5px 5px 5px #c0c0c0;
	width:140px;
	height:140px;
	background-color:#E4E5E6;
	border-radius: 50%;
	border:2px solid #ffffff;
	color:#0E2C70;
	cursor:pointer;
	text-align:center;
	margin:auto !important;
	margin-bottom:20px !important;
	display:flex;
	font-size:12px;
}

.bubble:hover, .bubble.current{
	background-color:#D1D2D4;
	border-color:#ffffff;
	background-color:#0E2C70;
	color:#ffffff;
}

.bubble>div{
	width:100%;
	align-self: center !important;
	margin-top:-10px;
}

.bubble i{
	font-size:40px;
	display:block;
}
#chart_wrapper{
	height:300px;
	transition:height 0.5s ease;
}
#detailsChart_wrapper{
	height:150px;
}

.btn-primary{
	background-color:#0E2C70!important;
	border-color:#0E2C70 !important;
	box-shadow:unset !important;
}

.btn-primary:hover{
	background-color:#B0B0B0 !important;
	border-color:#B0B0B0 !important;
}

.btn-primary:active{
	background-color:#0E2C70 !important;
	border-color:#0E2C70 !important;
}

.btn-primary:disabled{
	background-color:#0E2C70 !important;
	border-color:#0E2C70 !important;
}

table .min{
	width: 1% !important;
	white-space: nowrap !important;
}

.error {
	color: red;
}

.form-group {
	margin-bottom: 0;
}

/*Custom File*/
.custom-file-input{
	display:none;
}

.custom-file-label{
	position:relative;
	width:100%;
}

.custom-file-label:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f07c" !important;
	text-align:center;
	width:40px;
	cursor: pointer;
	color:#F5A623;;
}

.custom-file-label[data-hasValue="1"]:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00d" !important;
	color:#D0021B;
}

/*End Custom File*/

.custom-file-progress{
	height:calc(1.5em + .75rem + 2px);
}

.modal-fullscreen{
	padding: 0 !important;
}

.modal-fullscreen.modal-dialog {
	width: 100%;
	max-width: none;
	height: 100%;
	margin: 0;
}

.modal-fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
}

.modal-fullscreen .modal-body {
	overflow-y: auto;
}

.nowrap{
	white-space:nowrap;
}

.sortable thead th{
	cursor: pointer;
}