/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 24, 2017, 8:24:29 AM
    Author     : MOesterlein
    Company    : US Waterproofing
    Project    : Sales Support Site
*/


.jn_cat {
    float: left;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #5994bf;
    font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    cursor: pointer;
    line-height: 25pt;
}
.jn_newcat {
    display:none;
    float: left;
    height: 43px;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ececec;
    font-size: 30px;
    color: #8a8a8a;
    font-weight: bold;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    cursor: pointer;
    line-height: 25pt;
    border: 2px solid #8a8a8a;
}
.jn_newcat:after {
    content: "     +     ";
}
.jn_newnotetile {
    margin-left: 10px;
    padding: 10px 10px 10px 10px;
    border: 2px solid #8a8a8a;
    border-radius: 6px;
    background-color: #ececec;
    display: inline-block;
    width: 680px;
    cursor: pointer;
    /*Width used to be 70%, but the notes need to reflect actual size on contract*/
    float:left;
    text-align:center;
}
.jn_newnote {
    background-color: #ececec;
    font-size: 30px;
    color: #8a8a8a;
    font-weight: bold;
    cursor: pointer;
}
.jn_newnote:after {
    content: "             New Template Note              ";
}
.jn_notetile {
    margin-left: 10px;
    padding: 20px 10px 20px 10px;
    border: 2px solid #8a8a8a;
    border-radius: 6px;
    background-color: #fdfdfd;
    display: inline-block;
    width: 680px;
    /*Width used to be 70%, but the notes need to reflect actual size on contract*/
    float:left;
}
.jn_notetilecontainer {
    display: inline-block;
    width: 100%;
    float:left;
    margin-bottom: 4px;
}

/*.jn_nedit {
    This is a valid CSS property
    text-rendering: geometricPrecision;
    display: inline-block;
    float: left;
    font-size: 42px;
    font-weight: bold;
    position: relative;
    left: -.8em;
    top: .5em;
    cursor: pointer;
}*/
#jobnotes_categorybar {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
float: left;
    width: 100%;
    height: 71px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    border-bottom: 2px #5994bf solid;
    border-top: 2px #5994bf solid;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
#jobnotes_categorybarinner {
    float:left; 
    width: 90%;
    position: relative;
    /*overflow-y: hidden;*/
    white-space: nowrap;
}
#jobnotes_categorybar span.jnblock {
    display: inline-block;
}

#jobnotes_categorybar::-webkit-scrollbar {
    height: 5px;
}
#jobnotes_notesdisplay {
    float: left;
    width: 700px;
    height: 650px;
    border: 1px solid black;
    overflow-y:hidden;
}
#jn_notenav {
    background-color:#5994bf;
    border-radius:12px;
    color:#fff;
    cursor:pointer;
    float:left;
    font-size:25px;
    font-weight:700;
    height:40px;
    line-height:25pt;
    margin:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    text-align:center;
    width:70%;
}
#jobnotes_categorybarleftnav {
    width: 10%;
    float: left;
}
#jn_notesmol {
    margin-left: 25px;
}
.jn_notebutton {
    display: inline-block;
    width: 8%;
    /*height: 100%;*/
    float:left;
    border: 2px solid #8a8a8a;
    border-radius: 5px;
    cursor: pointer;
    box-sizing:border-box;
    line-height: 56px;
    font-size: 45px;
    text-align: center;
    /*font-weight: bold;*/
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
#jobnotes_notesdisplay li {
    margin-bottom: 12px;
    pointer-events: none;
}
#jobnotes_notesdisplay li:after {
    content: "X";
    float: right;
    color: red;
    font-weight: bold;
    cursor: pointer;
    pointer-events: auto;
}
.jn_nbedit {
    background-color: darkseagreen;
    /*font-weight:bold;*/
    font-size: 50px;
    font-family: sans-serif;
}
.jn_nbedit.jn_pencil:after{
    content: "\270E";
}
.jn_nbedit.jn_checkmark:after{
    content: "\2714";
}
.jn_nbdelete {
    background-color: #f1a1a1;
    font-size: 38px;
    font-family: sans-serif;
}
.jn_nbdelete:after{
    content: "X";
}
.jn_nbadd {
    background-color: #ececec;
     
}

.jn_nbadd:after{
    content: "+";
}