@charset "utf-8";
/* CSS Document */

#wrapper {
    width:100%;
	max-width: 725px;
	margin: 0 auto;
}

#vuorotaulukko{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: solid 1px gray;
	
}
#vuorotaulukko  tr, td{
	font-size:12px;
	color:#222222;
	padding:5px;
	text-align:center;
	border-bottom:1px solid #D3DDE2;
	border-right:1px dashed #D3DDE2;
	border-left:1px dashed #D3DDE2;
}


#vuorotaulukko th{
	color:#000;
	font:bold Arial, Helvetica, sans-serif;
	size:12px !important;
	padding:10px 15px;
	border-bottom: solid 1px gray;
	border-right:1px dashed #D3DDE2;
	max-width:100px;
}

.toast {
    width: 200px;
    height: 20px;
    height: auto;
    position: fixed;
    left: 50%;
    margin-left: -100px;
    bottom: 50%;
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    z-index: 100000;
}