html {
    min-width:                      1300px;
}
body {
    max-height:                     calc(100vh - 40px); /* required to prevent height increase with pop-ups */
}
#undoredocounter {
    font-size:                      12px;
    color:                          #333;
}
#document {
    color:                          #FFF;
    border-color:                   #333;
    background-color:               #333;
}
#document:hover {
    border-color:                   #FF5C33;
    background-color:               #FF5C33;
}
#document-dialog input {
    margin-left:                    1px;
    margin-right:                   1px;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
    background-color:               #FFF;
}
#clipboard {
    overflow:                       scroll;
    width:                          37.5%;
    min-height:                     calc(100vh - 185px);
    max-height:                     calc(100vh - 185px);
    padding-top:                    40px;
    padding-bottom:                 20px;
    padding-left:                   20px;
    padding-right:                  20px;
    text-align:                     left;
    vertical-align:                 top;
    display:                        inline-block;
    box-sizing:                     border-box;
}
#workspace {
    overflow:                       scroll;
    width:                          62.5%;
    min-height:                     calc(100vh - 185px);
    max-height:                     calc(100vh - 185px);
    padding-top:                    40px;
    padding-bottom:                 20px;
    padding-left:                   20px;
    padding-right:                  20px;
    text-align:                     left;
    vertical-align:                 top;
    display:                        inline-block;
    box-sizing:                     border-box;
}
.item {
    margin-top:                     5px;
    margin-bottom:                  5px;
}
.item td {
    border:                         1px solid;
    border-radius:                  10px;
    border-color:                   #f2f2f0;
    text-align:                     left;
    background-color:               #ddddd5;
}
.item details {
    margin:                         5px;
    padding-left:                   5px;
    padding-right:                  5px;
    background-color:               #ddddd5;
}
.item summary {
    margin-bottom:                  5px;
    font-weight:                    bold;
    background-color:               #ddddd5;
}
.itemcontent {
    margin-bottom:                  2px;
    border:none;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding-top:                    5px;
    padding-bottom:                 5px;
    padding-left:                   8px;
    padding-right:                  8px;
    font-family:                    Courier;
    font-size:                      10pt;
    line-height:                    12pt;
    background-color:               #FFF;
    min-width:                      100%;
    min-height:                     100%;
    box-sizing:                     border-box;
}