body{
    background: #dee2e6;
}

.fa:hover{
    cursor:pointer;
}
nav{
    background-color: #673de6!important;
    color: white !important;;
}


.data_table .btn{
    padding: 5px 10px;
    margin: 10px 3px 10px 0px;
}
.data_table{
    background: #fff;
    padding: 15px;
    box-shadow: 1px 3px 5px #aaa;

    border-radius: 5px;
}

nav li a{
    color: white!important;
}



#id01 {
	z-index: 190;
}

.modal .container {
	padding: 3px;
	margin: 0 auto;
	text-align: center;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */

	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgba(19, 18, 18, 0.7);
	padding-top: 20px;

}

tr:hover{
    cursor: pointer;
    background-color: rgba(103, 61, 230,0.3)!important;
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 0 auto;
	/* 5% from the top, 15% from the bottom and cente#c4cbd5 */
	border: 1px solid #888;
	padding: 1%;
	width: 50%;
	/* Could be more or less, depending on screen size */
	font-size: 18px;
}

.modal-content table {
	width: 100%;
	font-size: 18px;

}

.modal a {
	text-align: center;
	margin-left: 20px;
	float: right;
}

/*.modal-content input[type='text'] {*/
/*	font-size: 18px;*/
	
/*	border:1px solid #eee;*/
/*}*/

/* Style the horizontal ruler */
.modal hr {
	border: 1px solid #f1f1f1;
	margin-bottom: 25px;
}

/* The Modal Close Button (x) */
.close {
	position: absolute;
	right: 35px;
	top: 15px;
	font-size: 40px;
	font-weight: bold;
	color: #f1f1f1;
}

/*.modal input[type='text'] {*/
/*	width: 130px;*/
	/*border: none;*/
/*}*/

.set{
    display: none;
}