/*
h1{color: honeydew;text-shadow: 2px 2px 2px black}
span{font-style: oblique; color: black}
pre{font-size: 20px;color: brown }
body{background-color: khaki}
h1:hover{color: orange;text-shadow: 1px 1px 1px black}
span:hover{color: white;text-shadow: 1px 1px 1px black}

div{width: 300px;height: 80px;margin:4px;float: left; word-wrap: break-word ;background-color: antiquewhite;border: solid 3px;border-radius: 7px;border-color: saddlebrown;box-shadow: 3px 3px 3px black;}
div:hover{background-color: yellow}
.r{background-color: goldenrod}
.l{background-color: olivedbarab}*/
.ui-datepicker {font-size:11px;
                }
.name {
    width:10%;
}
.note {
    width: 75%;
}
.collapse{
   display: none;
}
h3 {
    color: slategray;
    /*text-align: center;*/
    font-size: 20px;
    cursor: pointer;
}

h3:hover {
    color: slateblue;

}
span{
    font-size: 11px;
    font-style: italic;
    text-align: right;
}
input {text-indent: 5px;
    padding: 0px;}
.left{float: left;
    padding:10px;
    align-content: center;}
#topbar{padding:10px;
    position: fixed;
    background-color: white;
    width:100%;
    border-bottom: solid 3px slategray;
    box-shadow: 0px 5px 20px black;
}
textarea{font-family: 'Raleway', sans-serif;}
table{border-bottom: slategrey;}
th{background-color: slategrey;}
.even {background: #CCC}
.odd {background: #FFF}
body {margin: 0px;background-color: white;
    font-family: 'Raleway', sans-serif;}
button {width: 80px;
    font-family: 'Raleway', sans-serif;
        background-color: slategrey;
        border: solid 1px slateblue;
        border-radius: 3px;
        margin: 0 auto;
        }
button:hover{background-color: slateblue;}

tr:hover {background-color: lightslategrey}

h1 {font-family: 'Raleway', sans-serif;
    font-size: 18px;
}



@media print{
    #topbar{
        display: none !important;
    }
    #space{
        display: none !important;
    }
    .delete{
        display: none !important;
    }
    td{
        border-top: solid black thin !important;
    }
}