.jumbotron{
	margin-bottom:0px;
	overflow: hidden;
	padding: 8rem 2rem 4rem 2rem !important;
}

.violet {background-color: #5448c4;}

p {font-size: 14px;}

.dt-buttons {display: inline-block;}

.clickable {cursor: pointer;}

.vertical-align {
    display: flex;
    align-items: baseline;
}

.list-holder, .brd-btn {display: none;}


.footer-container {background-color: #333; padding: 20px 0px; color: #8d8d8d; font-size: 0.8em;}
.footer-container ul {list-style: none; margin: 0; padding: 0;}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	top: 15px !important;
	background-color: #5448c4 !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
	    background-color: #4591af;
}

#loader {position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0,0,0,0.7); text-align: center; display: none; z-index: 10000;}
#loader img {display: inline-block; position: relative; top: 50%; margin-top: -30px; height: 60px;}

/* table nav buttons */

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #5448c4;
    border-color: #5448c4;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #5448c4;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

a, a:hover, a:visited, a:active {text-decoration: none !important; color: #5448c4;}
a:hover, a:visited, a:active {text-decoration: none !important; color: #5c5598;}

 /* login popup */
 
#login-pop {position: fixed; top: 0px; left: 0px; background-color: beige; width: 100%; height: 100%; z-index: 100000; display: flex;}


#log-holder {
	padding: 15px; width: 300px; height: auto; position: absolute;
	left: calc(50% - 150px); top: calc(40% - 100px); border-radius: 5px;
	background-color: #5448c4; color: white;
}
#log-holder input {width: 100%; margin-top: 10px;}
.log-content {width: 100%; text-align: center;}