#cscdinghylogversion {
    text-align: right;}
#paramerror {
    font-weight: bold;
    background-color: #ffd0d0;}
#operationOK {
    font-weight: bold;
    background-color: #d2fcd6;}
.boatlisttitle {
    font-weight: bold;
    color: #292d96;
}

/*noinspection CssUnusedSymbol,CssUnusedSymbol*/
.boattypelist {
    float: right;
    text-align: left;}

/*noinspection CssUnusedSymbol*/
.selectboattype {
    background-color: #ffffff;
    border-color: #2384d3;
    border-width: 2px;
    border-style: solid;}
.boatlistnoissues {
    background-color: #d0ffd0;}
.boatlistissues {
    background-color: #ffffc0;}
.boatlistdns {
    background-color: #ffd0d0;}
.boatlisttop {
    border-top-style: solid;
    border-top-width: 2px;}
.boatlistheader-id {
    width: 30px;
    text-align: center;}
.boatlistheader-boat {
    width: 140px;
    text-align: left;}
.boatlistheader-openissues {
    width: 105px;
    text-align: center;}
.boatlistheader-dns {
    width: 40px;
    text-align: center;}

/*noinspection CssUnusedSymbol*/
.boatissuefixed {
    background-color: #d0ffd0;}

/*noinspection CssUnusedSymbol*/
.boatissuenotfixed {
    background-color: #ffffc0;}

/*noinspection CssUnusedSymbol*/
.boatissuedns {
    background-color: #ffd0d0;}
.boatissueheader-id {
    width: 30px;
    text-align: center;}
.boatissuetop {
    border-top-style: solid;
    border-top-width: 2px;}
.issuesummary {
    border-style: solid;
    border-width: 2px;
    border-color: #2384d3;}
.photos {
    border-style: none solid solid solid;
    border-width: 2px;
    border-color: #2384d3;}

/*noinspection CssUnusedSymbol*/
.photo {
    border-style: solid;
    border-width: 2px;
    border-color: #2384d3;
    margin: 10px 0 10px 10px;}

/*noinspection CssUnusedSymbol*/
.photo-delete {
    vertical-align: top;
    margin: 10px 10px 0 0;}
input.workshortdesc {
    width: 700px !important;}
input.issueshortdesc {
    width: 700px !important;}
.yesno {
    width: 70px;}
.table-left {
    text-align: left;}

/*noinspection CssUnusedSymbol*/
.pointer {
    cursor: pointer;}
#member-search {
    width: 400px;
    height: 140px;}
#member-id {
    width: 400px;
    height: 180px;}
#member-id-confirm {
    width: 400px;
    height: 180px;}

/*noinspection CssUnusedSymbol,CssUnusedSymbol*/
.dinghylogmodal.complete {
    background-color: #e7ffff !important;}

/* The standalone checkbox square*/
.checkboxissue {
    width:15px;
    height:15px;
    border: 1px solid #000;
    margin-right: 10px;
    display: inline-block;
}

/* This is what simulates a checkmark icon */
.checkboxissue.checkedissue:after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;

    /* "Center" the checkmark */
    position:relative;
    top:2px;
    left:3px;

    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
div.issue-data, input[name^=editissue],
    input[name=dontsendemail],
    input[type=checkbox][name=not_a_problem]{
    display: flex;
    align-items: center;
    margin-left: 8px;
    margin-right: 8px;
}
div.issue-detail {
    display:inline-flex;;
    margin-top: 10px;
}
@media (min-width: 768px) {
    div.issue-dates {
        display: flex;
        align-items: center;
        margin-left: 8px;
    }
}
select[name^=editissue]{
    margin-left:10px;
    margin-right:10px;
    padding:0;
    border-left-width:0;
    border-right-width:0;
}
input[type=checkbox][name^=editissue],
input[type=checkbox][name=dontsendemail],
input[type=checkbox][name=not_a_problem]{
    margin-top:0;}
input[type=date]{
    margin-right:18px;}

/* Disable the Display Limit in the Footer Pagination */
.limit {
    display: none;}