*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
}
html{
    height: 100%;
}
body{
    font-family: 'Segoe UI', sans-serif;;
    font-size: 13px;
    line-height: 1.6;
    height: 100%;
	width: 90%;
	margin-left:auto; 
    margin-right:auto;
}
.wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
}
.login-form{
    width: 350px;
    margin: 0 auto;
    border: 1px solid #ddd;
    padding: 2rem;
    background: #ffffff;
}
.form-input{
    background: #eeeeee;
    border: 1px solid #ffffff;
    padding: 12px;
    width: 100%;
}
.form-group{
    margin-bottom: 1rem;
}
.form-button{
    background: #000000;
    border: 1px solid #ddd;
    color: #ffffff;
    padding: 10px;
    width: 100%;
    text-transform: uppercase;
	cursor: pointer;
}
.form-button:hover{
    background: #111111;
}
.form-header{
    text-align: center;
    margin-bottom : 2rem;
}
.form-footer{
    text-align: center;
}


table {
	caption-side:top;
	border-collapse: collapse;
	width:95%;
	/*height:100%;*/
	padding:15px 75px 15px 75px;
	font-size:13px;
	font-family:'Gills Sans-Serif', sans-serif;
	border: 1px solid #ddd;
	margin-left:auto; 
    	margin-right:auto;
}

caption {
	vertical-align:middle;
	font-size: 22px;
	font-style:italic;
}

th {
	background-color: #000000;
	color: #eeeeee;
	height:40px;
}

table tr:nth-child(odd) {
	background-color: #eeeeee;
}

table tr:nth-child(even) {
	background-color: #ffffff;
}

table, tr, td, th{
	border: 1px solid #e1e1e1;
	text-align:center;
	border-radius:5px;
}

.name{
	text-align:left;
	font-style:italic;
}

.div_table {
width:100%;
height:100%;
overflow-x:auto;
overflow-y:auto;
}


.fs {
	border:0px solid #e1e1e1;
	width:100%;
	margin:0;
	align-items:left;
	font-size:13px;
}
.fs input[type=text] {
	background-color: #eeeeee;
	color: #111111;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	height:25px;
	width:200px;
}
.fs input.btn {
    padding:3px;
    color:#ffffff;
    background-color:#990000;
}