body {
    font-size: 62.5%;
    text-align: center;
}

h1 img {
    vertical-align: middle;
    cursor: pointer;
}

.list_editable {
    margin: 0 auto;
    text-align: left;
    width: auto;
    display: inline-block;
}

.list_editable span img {
    vertical-align: middle;
    cursor: pointer;
}

.remove img {
    cursor: pointer;
}
.remove {font-size: 40px; font-size: 4.0rem;}
.remove img { width: 150px; margin: 20px 10px; }

.menu div div.title {
    font-weight: bold;
}

.menu #list_tag {
    margin: 0 auto;
}

.menu #list_status .yes,
.menu #list_tag .sticky {
    background-color: lightgreen;
}

.menu #list_status .no,
.menu #list_tag .no_sticky {
    background-color: lightgrey;
}

.menu #list_tag .tag,
.menu #list_status .status {
    margin: 4px 0;
    border-radius: 15px;
    border: 1px solid black;
    cursor: pointer;
}

.menu #list_tag .title img,
.menu #list_status .title img {
    vertical-align: middle;
    cursor: pointer;
}

@media (min-width: 1900px) {
    h1 { font-size: 30px; font-size: 3.0rem; }
    h1 img {width: 40px; width: 4.0rem;}
    body, button, textarea, input { font-size: 24px; font-size: 2.4rem; }

    div#status, div#status div, div#status div span { height: 50px; font-size: 0px;}
    .form {margin: 30px 0 0 0;}
    .form .input input { height: 60px; text-align: center; border: 4px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { display: flex; margin: 0 auto; }
    #data .field .name { width: 22%; text-align: right; padding: 10px; border: 1px solid black; }
    #data .field .value { width: 78%; text-align: left; padding: 10px; border: 1px solid black; }

    .button { padding: 0; margin: 10px auto 40px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line { display: flex; margin: 0 auto; }
    #view .line div { display: flex; border: 1px solid black; padding: 3px 10px; text-align: left; }
    #view .line { width: 95%; }
    #view .name { width: 20%; }
    #view .value { width: 95%; }

    .list_editable span img { width: 48px; margin: 8px 2px;}

    .menu {padding-bottom: 60px;}
    .menu #list_status { margin: 0 auto 30px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 4px solid black; width: 95%; }

    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 1400px) and (max-width: 1899px) {
    h1 { font-size: 30px; font-size: 3.0rem; }
    h1 img {width: 40px; width: 4.0rem;}
    body, button, textarea, input { font-size: 24px; font-size: 2.4rem;}

    div#status, div#status div, div#status div span { height: 50px; font-size: 0px;}
    .form {margin: 30px 0 0 0;}
    .form .input input { height: 55px; text-align: center; border: 3px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { display: flex; margin: 0 auto; }
    #data .field .name { width: 30%; text-align: right; padding: 10px; border: 1px solid black; }
    #data .field .value { width: 70%; text-align: left; padding: 10px; border: 1px solid black; }

    .button { padding: 0; margin: 10px auto 40px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line { display: flex; margin: 0 auto; }
    #view .line div { display: flex; border: 1px solid black; padding: 3px 10px; text-align: left; }
    #view .line { width: 95%; }
    #view .name { width: 26%; }
    #view .value { width: 95%; }

    .list_editable span img { width: 48px; margin: 8px 2px;}

    .menu {padding-bottom: 45px;}
    .menu #list_status { margin: 0 auto 25px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 4px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 1250px) and (max-width: 1399px) {
    h1 { font-size: 28px; font-size: 2.8rem;}
    h1 img {width: 38px; width: 3.8rem;}
    body, button, textarea, input { font-size: 23px; font-size: 2.3rem; }

    div#status, div#status div, div#status div span { height: 50px; font-size: 0px;}
    .form {margin: 30px 0 0 0;}
    .form .input input { height: 55px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 40px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 48px; margin: 8px 2px;}

    .menu {padding-bottom: 30px;}
    .menu #list_status { margin: 0 auto 20px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 4px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 1100px) and (max-width: 1249px) {
    h1 { font-size: 26px; font-size: 2.6rem;}
    h1 img {width: 36px; width: 3.6rem;}
    body, button, textarea, input { font-size: 22px; font-size: 2.2rem; }

    div#status, div#status div, div#status div span { height: 50px; font-size: 0px;}
    .form {margin: 25px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 40px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 40px; margin: 8px 2px;}

    .menu {padding-bottom: 30px;}
    .menu #list_status { margin: 0 auto 20px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 4px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 950px) and (max-width: 1099px) {
    h1 { font-size: 24px; font-size: 2.4rem;}
    h1 img {width: 34px; width: 3.4rem;}
    body, button, textarea, input { font-size: 20px; font-size: 2.0rem; }

    div#status, div#status div, div#status div span { height: 50px; font-size: 0px;}
    .form {margin: 25px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 40px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 30px;}
    .menu #list_status { margin: 0 auto 15px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 3px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 800px) and (max-width: 949px) {
    h1 { font-size: 22px; font-size: 2.2rem;}
    h1 img {width: 32px; width: 3.2rem;}
    body, button, textarea, input { font-size: 18px; font-size: 1.8rem; }

    div#status, div#status div, div#status div span { height: 45px; font-size: 0px;}
    .form {margin: 22px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 20px;}
    .menu #list_status { margin: 0 auto 15px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 3px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 650px) and (max-width: 799px) {
    h1 { font-size: 20px; font-size: 2.0rem;}
    h1 img {width: 30px; width: 3.0rem;}
    body, button, textarea, input { font-size: 17px; font-size: 1.7rem; }

    div#status, div#status div, div#status div span { height: 40px; font-size: 0px;}
    .form {margin: 20px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 20px;}
    .menu #list_status { margin: 0 auto 15px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 3px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 600px) and (max-width: 649px) {
    h1 { font-size: 19px; font-size: 1.9rem;}
    h1 img {width: 29px; width: 2.9rem;}
    body, button, textarea, input { font-size: 16px; font-size: 1.6rem; }

    div#status, div#status div, div#status div span { height: 40px; font-size: 0px;}
    .form {margin: 20px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 20px;}
    .menu #list_status { margin: 0 auto 15px auto; }
    .menu > div { border-radius: 20px; padding: 10px; border: 2px solid black; width: 95%; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 50px;}
}

@media (min-width: 550px) and (max-width: 599px) {
    h1 { font-size: 18px; font-size: 1.8rem;}
    h1 img {width: 28px; width: 2.8rem;}
    body, button, textarea, input { font-size: 15px; font-size: 1.5rem; }

    div#status, div#status div, div#status div span { height: 35px; font-size: 0px;}
    .form {margin: 20px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 14px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 2px solid black; }
    .menu > div#list_tag { border-bottom: 2px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 45px;}
}

@media (min-width: 500px) and (max-width: 549px) {
    h1 { font-size: 17px; font-size: 1.7rem;}
    h1 img {width: 27px; width: 2.7rem;}
    body, button, textarea, input { font-size: 14px; font-size: 1.4rem; }

    div#status, div#status div, div#status div span { height: 35px; font-size: 0px;}
    .form {margin: 19px 0 0 0;}
    .form .input input { height: 50px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 13px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 32px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 2px solid black; }
    .menu > div#list_tag { border-bottom: 2px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 40px;}
}

@media (min-width: 450px) and (max-width: 499px) {
    h1 { font-size: 16px; font-size: 1.6rem;}
    h1 img {width: 26px; width: 2.6rem;}
    body, button, textarea, input { font-size: 13px; font-size: 1.3rem; }

    div#status, div#status div, div#status div span { height: 30px; font-size: 0px;}
    .form {margin: 18px 0 0 0;}
    .form .input input { height: 45px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 12px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 30px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 28px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 1px solid black; }
    .menu > div#list_tag { border-bottom: 1px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 35px;}
}

@media (min-width: 400px) and (max-width: 449px) {
    h1 { font-size: 15px; font-size: 1.5rem;}
    h1 img {width: 25px; width: 2.5rem;}
    body, button, textarea, input { font-size: 12px; font-size: 1.2rem; }

    div#status, div#status div, div#status div span { height: 30px; font-size: 0px;}
    .form {margin: 18px 0 0 0;}
    .form .input input { height: 40px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 12px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 25px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 24px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 1px solid black; }
    .menu > div#list_tag { border-bottom: 1px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 30px;}
}

@media (min-width: 350px) and (max-width: 399px) {
    h1 { font-size: 14px; font-size: 1.4rem;}
    h1 img {width: 24px; width: 2.4rem;}
    body, button, textarea, input { font-size: 11px; font-size: 1.1rem; }

    div#status, div#status div, div#status div span { height: 25px; font-size: 0px;}
    .form {margin: 17px 0 0 0;}
    .form .input input { height: 35px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 10px 10px 3px 10px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 25px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 20px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 1px solid black; }
    .menu > div#list_tag { border-bottom: 1px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 25px;}
}

@media (min-width: 300px) and (max-width: 349px) {
    h1 { font-size: 13px; font-size: 1.3rem;}
    h1 img {width: 23px; width: 2.3rem;}
    body, button, textarea, input { font-size: 10px; font-size: 1.0rem; }

    div#status, div#status div, div#status div span { height: 25px; font-size: 0px;}
    .form {margin: 17px 0 0 0;}
    .form .input input { height: 30px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 9px 10px 3px 10px; }
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 20px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 16px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 1px solid black; }
    .menu > div#list_tag { border-bottom: 1px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 25px;}
}

@media (max-width: 299px) {
    h1 { font-size: 11px; font-size: 1.1rem;}
    h1 img {width: 21px; width: 2.1rem;}
    body, button, textarea, input { font-size: 9px; font-size: 0.9rem; }

    div#status, div#status div, div#status div span { height: 25px; font-size: 0px;}
    .form {margin: 17px 0 0 0; }
    .form .input input { height: 25px; text-align: center; border: 2px solid black;}
    .form .name, .form .description {margin: 10px 0 10px 0;}
    .form .min_max .input, .form .start_stop .input, .form .yes_no .input { text-align: left; padding: 8px 10px 3px 10px; }
    .button { height: 30px; }

    #data .field { margin: 20px auto 0 auto; border: 1px solid black; }
    #data .field .name {padding: 2px; }
    #data .field .value { padding: 2px; }

    .button { padding: 0; margin: 10px auto 15px auto; width: 90%; }
    .button button {margin-top: 10px;}

    #view .line {border: 1px solid black; margin: 13px auto 0 auto; }
    #view .line div {}
    #view .name {font-weight: bold; }
    #view .value {}

    .list_editable span img { width: 16px; margin: 4px 2px;}

    .menu {padding-bottom: 10px;}
    .menu #list_status { margin: 0 auto 0px auto; }
    .menu > div { padding: 2px; border-top: 1px solid black; }
    .menu > div#list_tag { border-bottom: 1px solid black; }
    .menu #list_tag .title img, .menu #list_status .title img { width: 25px;}
}

#header {
    margin: 0 auto;
    width: 95%;
    text-align: left;
}

#header img {
    width: 200px;
}

div#status {
    margin: 0 auto;
    width: 95%;
}

div#status div {
    float: left;
}

div#status div span {
    display: block;
    border: 1px solid black;
}

div#status div.todo span {
    background-color: azure;
}

div#status div.done span {
    background-color: ForestGreen;
}

div#status div.ondoing span {
    background-color: LightSkyBlue;
}

.form .name {
    font-weight: bold;
}

.form .input input {
    width: 95%;
}

.form .min_max,
.form .start_stop,
.form .yes_no {
   display: flex;
   width: 95%;
   margin: 0 auto;
}

.form .min_max .name,
.form .start_stop .name,
.form .yes_no .name {
    text-align: right;
    padding: 3px 10px;
}

.form .min_max .name,
.form .start_stop .name {
    width: 30%;
}

.form .yes_no .name {
    width: 47%;
}


.form .min_max .input,
.form .start_stop .input, {
    width: 70%;
}

.form .yes_no .input {
    width: 10%;
}

.form .min_max .input input,
.form .start_stop .input input {
    width: 63%;
}


.form.yes_no .input label {
    text-align: center;
}

.form.text .input {
   width: 95%;
   margin: 0 auto;
}

.form.text .input textarea {
    width: 100%;
    height: 200px;
    border: 4px solid black;
}

button {
    text-align: center;
}

.button button { width: 100%;
}

#list .line {
    border: 1px solid black;
    padding: 2px;
    margin-top: 10px;
}

#list .title {
    font-weight: bold;
    padding-top: 10px;
}

#list .data {
    padding-bottom: 10px;
}

#data .field {
    width: 95%;
}

#data a {
    text-decoration: none;
}

#data a .field .name {
    color: black;
    font-weight: bold;
}

#data a .field .value {
    color: blue;
    text-decoration: underline;
}

.print {
    display: none;
}

.hide {
    display: none;
}