main.container {
	position: absolute;
	top: 70px;
	left: 45px;
}

body, div {
	font-family: Helvetica;
}

a.menu {
	color: white;
	padding:4px;
}

input {
	padding:5px;
	width: 100px;
	text-align:center;
	color: black;
	font-size:14px;
}

input.checkbox {
	padding:5px;
	width: 30px;
	text-align:center;
	color: black;
	font-size:14px;
}


div.header {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: #35009E;
	vertical-align: middle;
	padding: 10 10 0 10;
	color: #DDDDDD;
}

div.login {
	margin:auto;
	width: 450px;
	border: 1px solid #777777;
	padding:20px;
}

img.small {
	width:50px
}

div.pagetitle {
	color: #333;
	font-size: 2em;
}

img.icon25 {
	width:25px
}

th.w50 {
	width:50px
}


#_filter_field {
    width: 200px;
    border: 1px solid #999;
    color: #666;
    border-radius: 5px;
	text-align: left;
	margin: 0.5em;
}



img.digit {
	border:1px solid #333;
	margin:2px;
}


div.folder {
	border:1px solid brown;	
	margin: 0.5em;
    padding: 1em;;
}


#can {
    width: 94%;
    border-radius: 3%;
    border:2px solid #A3612D; 
    height:50%; 
    margin:3%
}

input.btn_train {
	width:100%;
	border-radius: 5px;
    border-color: #E2C1A6;
}

input.btn_classify {
	font-size:1.5em; 
	width: auto;
	background-color: #D9C7B9;
	border-radius: 10px;
	border-color: #E2C1A6;
	padding: 0 5%;
}

input.btn_swap {
    background-color: burlywood;
    border-radius: 10px;
    border-color: green;
    margin: 0 0 3% 3%;
    font-size: 1em;
    width: 94%;
}

#title {
    margin: 0 0 3% 3%;
}

#btn_switch {
	background-color: #ADDFA1;
}


button.btn_answ {
    border-radius: 10px;
    border-color: green;
    margin: 0 0 3% 3%;
    font-size: 1.5em;
    width: 94%;
}

.bg-green {
    background-color: #90EE90;
}

.bg-red {
    background-color: #FF4828;
}