@charset "utf-8";

body {
	font-size        : 80%;
	background-color : #F9F9F9;
	color            : #000000;
	padding          : 20px 0px 0px 20px;
}

h1 {
	font-size   : 200%;
	margin      : 0px 0px 10px 0px;
	padding     : 0px 0px 0px 3px;
	border-left : #008000 5px solid;
}

table {
	border-collapse : collapse;
	border-spacing  : 0;
	border-top      : #93C400 1px solid;
	border-right    : #93C400 1px solid;
	border-left     : #93C400 1px solid;
	table-layout    : fixed;
}

th,td {
	padding       : 5px 10px 5px 10px;
	border-bottom : #93C400 1px solid;
}

th {
	background  : #E9F3CC;
	font-weight : normal;
}

td {
	background-color : #F8FBEC;
}

table.hidden {
	border-top      : 0px solid;
	border-right    : 0px solid;
	border-left     : 0px solid;
}

td.hidden {
	padding          : 0px 0px 0px 0px;
	border-bottom    : 0px solid;
	background-color : #F9F9F9;
}

form {
	padding : 0px 0px 0px 0px;
	margin  : 0px 0px 0px 0px;
}

input,textarea {
	border : #999999 1px solid;
}

button,input[type="button"],input[type="submit"] {
	font-size    : 100%;
	text-align   : center;
	width        : 85px;
	height       : 45px;
	border-width : 2px;
	border-style : outset;
	border-color : buttonface;
}

input[type="file"] {
	font-size    : 100%;
	width        : 500px;
	border-width : 1px;
	border-style : outset;
	border-color : buttonface;
}

.dtable {
	display : table;
}

.dtable_cell {
	display : table-cell;
}

.handsontable table.htCore tr th {
	vertical-align : middle;
}

.currentRow {
    background-color : rgb(75, 137, 255) !important;
}

.content{
	margin: 0 auto;
	padding: 40px;
}




.modal {
	display: none;
	top: 10;
	height: 100%;
	width: %100%;
}

.modal_background {
	background: rgba(0,0,0,0.8);
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	position: fixed;
}

.modal_contents {
	background: #fff;
	top: 5%;
	left: 35%;
	width: 60%;
	padding: 40px;
	position: absolute;
	transform: translate(-50%);
}