@font-face {
    font-family:                    'SK-RnD_ica';
    src:                            url("../fonts/SK-RnD_1.1/SK-RnD-Icons.woff");
}
.myfont {}
.myfont:before {
    font-family:                    'SK-RnD_ica';
    content:                        attr(data-icon);
    margin-right:                   0.3em;
    font-size:                      150%;
}
html {
    min-width:                      1536px;
}
body {
     max-height:                    calc(100vh - 55px); /* required to prevent height increase with pop-ups */
}
#undoredocounter {
    font-size:                      12px;
    color:                          #333;
}
.caption {
    text-align:                     center;
    caption-side:                   bottom;
    padding:                        0.25cm 0cm 0cm 0cm;
}
#books {
    color:                          #FFF;
    border-color:                   #333;
    background-color:               #333;
}
#books:hover {
    border-color:                   #FF5C33;
    background-color:               #FF5C33;
}
#books-dialog input {
    margin-left:                    1px;
    margin-right:                   1px;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
    background-color:               #FFF;
}
#accountmenu { }
#accountID {
    height:                         15px;
}
#newbookingdate {
    background-color:               #FFF;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
}
#closuredate {
    background-color:               #FFF;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
}
#foundsum {
    box-sizing:border-box;
    text-align:right;
    background-color:               #FFF;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
}
#foundnum {
    box-sizing:border-box;
    text-align:right;
    background-color:               #FFF;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding:                        1px;
}
#accounts {
    overflow:                       scroll;
    width:                          37.5%;
    min-height:                     calc(100vh - 200px);
    max-height:                     calc(100vh - 200px);
    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;
}
#assets,#liabilities,#capital,#earnings,#spendings {
    margin-top:3px;
}
#journal {
    overflow:                       scroll;
    width:                          62.5%;
    min-height:                     calc(100vh - 200px);
    max-height:                     calc(100vh - 200px);
    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;
}
.yearentry,.monthentry,.dayentry,.entry,.accountgroup,.account {
    border:                         1px solid;
    border-radius:                  10px;
    border-color:                   #f2f2f0;
    box-sizing:                     border-box;
    width:                          100%;
    padding-top:                    5px;
    padding-bottom:                 5px;
    padding-left:                   10px;
    padding-right:                  10px;
    background-color:               #ddddd5;
}
.accountgroup {
    margin-top:                     3px;
    margin-bottom:                  4px;
}
.yearname,.monthname,.dayname,.accountclass {
    font-weight:                    bold;
}
.yearcheckboxcontext,.monthcheckboxcontext,.daycheckboxcontext,.entrycheckboxcontext,.accountcheckboxcontext {
    border:1px solid;
    border-radius:                  10px;
    border-color:                   #f2f2f0;
    background-color:               #ddddd5;
}
.yearcheckbox,.monthcheckbox,.daycheckbox,.entrycheckbox,.accountcheckbox {

}
.accountIDcontext {

}
.accountID, #accountID {
    width:                          70px;
    min-width:                      50px;
    text-align:                     right;
    box-sizing:                     border-box;
    background-color:               #FFF;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding-top:                    3px;
    padding-bottom:                 3px;
    padding-left:                   3px;
    padding-right:                  3px;
}
.accountdescriptioncontext {
    width:                          100vw;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding-top:                    0px;
    padding-bottom:                 0px;
    padding-left:                   3px;
    padding-right:                  3px;
    background-color:               #FFF;
}
.bookingtextcontext {
    min-width:                      242px;
    width:                          100vw;
    border-radius:                  2px;
    box-shadow:                     0px 0px 1px 0px black inset;
    padding-top:                    0px;
    padding-bottom:                 0px;
    padding-left:                   3px;
    padding-right:                  3px;
    background-color:               #FFF;
}
.bookingtext,.accountdescription {
    width:                          100%;
    box-sizing:                     border-box;
    background-color:               #FFF;
}
.bookingdebit {

}
.bookingcredit {

}
.entryamountcontext,.entryexchangeratecontext {

}
.equalamountcontext {
    min-width:                      120px;
    max-width:                      120px;
    text-align:                     right;
    box-sizing:                     border-box;
    background-color:               #FFF;
}
.bookingamountint {
    min-width:                      90px;
    max-width:                      90px;
    text-align:                     right;
    box-sizing:                     border-box;
    background-color:               #FFF;
}
.bookingamountfrac {
    min-width:                      35px;
    max-width:                      35px;
    text-align:                     right;
    box-sizing:                     border-box;
    background-color:               #FFF;
}
.exchangerateamountint,.exchangerateamountfrac {
    width:                          60px;
    min-width:                      60px;
    text-align:                     right;
    box-sizing:                     border-box;
    background-color:               #FFF;
}
.bookingcurrency {

}
.ui-datepicker {
    color:                          #FFF;
}
#ui-datepicker-div {
    display:                        none;
}