/* The 3rd Degree v5 stylesheet */

html {
    height:100%;
    max-height:100%;
    padding:0;
    margin:0;
    border:0;
    /* hide overflow:hidden from IE5/Mac */
    /* \*/
    overflow: hidden;
    /* */
}

body {
    margin: 0px;
    border: 0px;
    padding: 0px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    font-family: helvetica, arial, sans-serif;
    color: #74747A;
}

.bodyStyle.desktopVersion {
    font-size: 0.9em;
}

.bodyStyle.mobileVersion {
    font-size: 0.8em;
}

/* hide all adaptive styles initally, they will be shown when page loads */
.mobileOnly, .desktopOnly, .mobileVersion, .desktopVersion {
}

.loginPageWrapper {
    position: fixed;
    top: 60px;
    right: 0px;
    left: 0px;
    background-color: #555F7C;
}

.loginPageWrapper.desktopVersion {
    bottom: 60px;
}

.loginPageWrapper.mobileVersion {
    bottom: 0px;
}

.loginBox.desktopVersion {
    height: 240px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    width: 420px;
}

.loginBox.mobileVersion {
}

.loginInput, .loginInput.ui-state-focus {
    width: 70%;
    max-width: 200px;
    margin-left: 40px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.1em !important;
    height: 20px;
}

.loginText, .loginWelcomeText {
    display: block;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.loginText {
    font-size: 1.1em;
    padding: 10px 40px 0px;
    font-weight: lighter;
}

.loginWelcomeText {
    padding: 40px 40px 0px;
    font-size: 1.4em;
}

.loginLabel {
    display: block;
    margin-top: 18px;
    padding: 0 40px 4px;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}

.loginLinkText {
    font-size: 1.2em;
    padding-top: 12px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.submitLinkText {
    font-size: 1.4em;
    padding-top: 20px;
}

.desktopLoginWrapper {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.loginLinkWrapper {
    height: 40px;
    background-color: #313D68;
    text-align: center;
    padding: 0 18px;
    display: inline-block;
}

.submitLinkWrapper {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 60px;
    background-color: #313D68;
    text-align: center;
    padding: 0 18px;
}

.submitLinkWrapper.enabledFull {
    background-color: #8AB93E;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.submitLinkWrapper.enabledPartial {
    background-color: #F99300;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.submitLinkWrapper.disabled {
    background-color: #C1262D;
    color: #BF676E;
    -webkit-font-smoothing: antialiased;
}

.topnav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    background-color: #444F81;
}

.topnavButtonPanelWrapper {
    position: fixed;
    top: 0px;
    right: 0px;
}

.topnavButtonWrapper {
    float: right;
    margin-top: 18px;
    margin-right: 6px;
}

.helpButtonWrapper {
    float: right;
    padding: 18px;
    color: #FFFFFF;
    font-size: 1.2em !important;
    background: #2F3F5A;
}

.topnavButton {
    display: table-cell;
    background-color: #3a4674;
    border: 1px solid #a2a6c0;
    border-radius: 14px;
    padding: 0px 10px 0px;
    height: 24px;
    vertical-align: middle;
    font-size: 1em;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

.entriesCountText {
    color: #9da3b9;
}

.mobileSaveIconWrapper {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 60px;
    text-align: center;
    background-color: #313D68;
}

.entryListIconWrapper {
    float: left;
    margin-right: 3px;
    margin-top: 1.8em;
}

.entryListIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1LjkgMC44SDEwLjFDNi4yIDAuOCAzIDMuOSAzIDcuOHYxNS45YzAgMy45IDMuMiA3LjEgNy4xIDcuMWgyLjdsMCAwTDE4IDM2bDUuMi01LjIgMCAwaDIuN2MzLjkgMCA3LjEtMy4yIDcuMS03LjFWNy44QzMzIDMuOSAyOS44IDAuOCAyNS45IDAuOHoiLz48L3N2Zz4=) no-repeat center;
    color: #434e83;
    width: 24px;
    height: 24px;
    font-size: 0.9em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.entryListIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/entriescount.png) no-repeat center;
}

.entryListIconText {
    float: left;
    margin-top: 2em;
    font-size: 1.1em;
    color: #FFFFFF;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}

.footer {
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    height: 60px;
    background-color: #444F81;
    z-index: 1;
}

.footerIconsWrapper {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 60px;
}

.saveIconWrapper, .deleteIconWrapper, .cancelIconWrapper {
    height: 60px;
    padding: 0 18px;
    float: right;
}

.saveIconWrapper {
    background-color: #313D68;
    text-align: center;
}

.saveIcon, .deleteIcon, .cancelIcon, .closeIcon {
    color: #FFFFFF;
    font-size: 1.2em;
    margin-top: 22px;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}

.deleteIconWrapper {
    background-color: #40517C;
    text-align: center;
}

.cancelIconWrapper {
    background-color: #394573;
    text-align: center;
}

.mobileDeleteIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0iIzQ0NEY4MSIgZD0iTTQwLjMgMTAuNmgtNy45VjljMC0xLjctMS40LTMuMi0zLjItMy4yaC03LjljLTEuNyAwLTMuMiAxLjQtMy4yIDMuMnYxLjZoLTcuOXYxLjZoMS42bDEuNiAzMGMwIDEuNyAxLjQgMy4yIDMuMiAzLjJIMzRjMS43IDAgMy4yLTEuNCAzLjItMy4ybDEuNi0zMGgxLjZMNDAuMyAxMC42IDQwLjMgMTAuNnpNMTkuNyA5YzAtMC45IDAuNy0xLjYgMS42LTEuNmg3LjljMC45IDAgMS42IDAuNyAxLjYgMS42djEuNkgxOS43TDE5LjcgOSAxOS43IDl6TTM1LjYgNDIuMUwzNS42IDQyLjEgMzUuNiA0Mi4xYzAgMS0wLjcgMS43LTEuNiAxLjdIMTYuNmMtMC45IDAtMS42LTAuNy0xLjYtMS42djBsMCAwIC0xLjYtMjkuOWgyMy43TDM1LjYgNDIuMXoiLz48cGF0aCBmaWxsPSIjNDQ0RjgxIiBkPSJNMjQuNSAxNS4zSDI2djI1LjNoLTEuNkwyNC41IDE1LjN6Ii8+PHBhdGggZmlsbD0iIzQ0NEY4MSIgZD0iTTIxLjMgNDAuNWwtMS42LTI1LjIgLTEuNiAwLjEgMS42IDI1LjJMMjEuMyA0MC41eiIvPjxwYXRoIGZpbGw9IiM0NDRGODEiIGQ9Ik0zMi40IDE1LjRsLTEuNi0wLjEgLTEuNiAyNS4zIDEuNiAwLjFMMzIuNCAxNS40eiIvPjwvc3ZnPg==) no-repeat top;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 10px;
}

.mobileDeleteIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/trash.png) no-repeat top;
}

.mobileDeleteIconWrapper {
    width: 100%;
    text-align: center;
}

.helpIconWrapper {
    height: 60px;
    width: 60px;
    float: left;
}

.helpIcon {
    background: url(/diary/resources/synaptacc/images/help.png) no-repeat left top;
    margin-top: 7px;
    margin-left: 14px;
    width: 40px;
    height: 46px;
}

.headerTextWrapper {
    position: fixed;
    top: 0px;
    height: 60px;
    left: 70px;
}

.headerText {
    float: left;
    color: #FFFFFF;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}

.headerText.desktopVersion {
    margin: 18px 8px 0 16px;;
    font-size: 1.8em;
}

.headerText.mobileVersion {
    margin: 20px 8px 0 10px;;
    font-size: 1.8em;
}

.leftNav {
    border-right: 10px solid #444F81;
    position: fixed;
    top: 60px;
    left: 0px;
    bottom: 60px;
    width: 370px;
}

.leftNavContentWrapper {
    position: fixed;
    top: 110px;
    left: 0px;
    bottom: 60px;
    width: 370px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.contentWrapper {
    position: fixed;
    background-color: #F9F8FC;
    top: 110px;
    right: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.contentWrapper.desktopVersion, .contentHeaderWrapper.desktopVersion {
    left: 380px;
    bottom: 60px;
}

.contentWrapper.mobileVersion, .contentHeaderWrapper.mobileVersion {
    left: 0px;
    bottom: 0px;
}

.fullPageSubmitWrapper {
    position: fixed;
    background-color: #C7CAD9;
    top: 60px;
    right: 0px;
    overflow: auto;
    left: 380px;
    bottom: 60px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

.fullPageSubmitIconInvalid, .fullPageSubmitIconPartial, .fullPageSubmitIconFull {
    width: 80px;
    height: 80px;
    margin: 60px auto 40px;
}

.fullPageSubmitIconInvalid {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI0MxMjcyRCIgZD0iTTcxLjUgNy43Yy0wLjEgMC0wLjIgMC0wLjMgMGgtNy45djBIMTYuOHYwSDguOWMtMC4xIDAtMC4yIDAtMC4zIDAgLTMgMC01LjUgMi40LTUuNSA1LjUgMCAxLjUgMC42IDIuOSAxLjYgMy45bDEyLjEgMTIuMXYtMC45YzAgMTIuNCA5LjcgMjIuNSAyMS45IDIzLjJ2MjEuOUgyNy43Vjc2aDI0LjZ2LTIuN0g0MS40VjUxLjRjMTIuMi0wLjcgMjEuOS0xMC44IDIxLjktMjMuMnYwLjlMNzUuMyAxN2MxLTEgMS42LTIuNCAxLjYtMy45Qzc3IDEwLjEgNzQuNSA3LjcgNzEuNSA3Ljd6TTE2LjggMjUuMkw2LjcgMTUuMWMtMC41LTAuNS0wLjgtMS4yLTAuOC0xLjkgMC0xLjUgMS4yLTIuNyAyLjYtMi43IDAuMSAwIDAuMiAwIDAuMyAwbDAuMSAwaDAuMSA3LjlWMjUuMnpNNjAuNiAyOC4yYzAgMTEuMy05LjIgMjAuNS0yMC41IDIwLjUgLTExLjMgMC0yMC41LTkuMi0yMC41LTIwLjVWMTAuNGg0MVYyOC4yek03My40IDE1LjFMNjMuMyAyNS4yVjEwLjRoNy45IDAuMWwwLjEgMGMwLjEgMCAwLjIgMCAwLjMgMCAxLjUgMC4xIDIuNiAxLjMgMi42IDIuN0M3NC4yIDEzLjkgNzMuOSAxNC42IDczLjQgMTUuMXoiLz48L3N2Zz4=) no-repeat top;
}

.fullPageSubmitIconInvalid.no-svg {
    background: url(/diary/resources/synaptacc/images/redtrophy.png) no-repeat top;
    background-size: contain;
}

.fullPageSubmitIconPartial {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iI0Y3OTMxRSIgZD0iTTcxLjUgNy43Yy0wLjEgMC0wLjIgMC0wLjMgMGgtNy45djBIMTYuOHYwSDguOWMtMC4xIDAtMC4yIDAtMC4zIDAgLTMgMC01LjUgMi40LTUuNSA1LjUgMCAxLjUgMC42IDIuOSAxLjYgMy45bDEyLjEgMTIuMXYtMC45YzAgMTIuNCA5LjcgMjIuNSAyMS45IDIzLjJ2MjEuOUgyNy43Vjc2aDI0LjZ2LTIuN0g0MS40VjUxLjRjMTIuMi0wLjcgMjEuOS0xMC44IDIxLjktMjMuMnYwLjlMNzUuMyAxN2MxLTEgMS42LTIuNCAxLjYtMy45Qzc3IDEwLjEgNzQuNSA3LjcgNzEuNSA3Ljd6TTE2LjggMjUuMkw2LjcgMTUuMWMtMC41LTAuNS0wLjgtMS4yLTAuOC0xLjkgMC0xLjUgMS4yLTIuNyAyLjYtMi43IDAuMSAwIDAuMiAwIDAuMyAwbDAuMSAwaDAuMSA3LjlWMjUuMnpNNjAuNiAyOC4yYzAgMTEuMy05LjIgMjAuNS0yMC41IDIwLjUgLTExLjMgMC0yMC41LTkuMi0yMC41LTIwLjVWMTAuNGg0MVYyOC4yek03My40IDE1LjFMNjMuMyAyNS4yVjEwLjRoNy45IDAuMWwwLjEgMGMwLjEgMCAwLjIgMCAwLjMgMCAxLjUgMC4xIDIuNiAxLjMgMi42IDIuN0M3NC4yIDEzLjkgNzMuOSAxNC42IDczLjQgMTUuMXoiLz48L3N2Zz4=) no-repeat top;
}

.fullPageSubmitIconPartial.no-svg {
    background: url(/diary/resources/synaptacc/images/orangetrophy.png) no-repeat top;
    background-size: contain;
}

.fullPageSubmitIconFull {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MCA4MCI+PHBhdGggZmlsbD0iIzhDQzYzRiIgZD0iTTcxLjUgNy43Yy0wLjEgMC0wLjIgMC0wLjMgMGgtNy45djBIMTYuOHYwSDguOWMtMC4xIDAtMC4yIDAtMC4zIDAgLTMgMC01LjUgMi40LTUuNSA1LjUgMCAxLjUgMC42IDIuOSAxLjYgMy45bDEyLjEgMTIuMXYtMC45YzAgMTIuNCA5LjcgMjIuNSAyMS45IDIzLjJ2MjEuOUgyNy43Vjc2aDI0LjZ2LTIuN0g0MS40VjUxLjRjMTIuMi0wLjcgMjEuOS0xMC44IDIxLjktMjMuMnYwLjlMNzUuMyAxN2MxLTEgMS42LTIuNCAxLjYtMy45Qzc3IDEwLjEgNzQuNSA3LjcgNzEuNSA3Ljd6TTE2LjggMjUuMkw2LjcgMTUuMWMtMC41LTAuNS0wLjgtMS4yLTAuOC0xLjkgMC0xLjUgMS4yLTIuNyAyLjYtMi43IDAuMSAwIDAuMiAwIDAuMyAwbDAuMSAwaDAuMSA3LjlWMjUuMnpNNjAuNiAyOC4yYzAgMTEuMy05LjIgMjAuNS0yMC41IDIwLjUgLTExLjMgMC0yMC41LTkuMi0yMC41LTIwLjVWMTAuNGg0MVYyOC4yek03My40IDE1LjFMNjMuMyAyNS4yVjEwLjRoNy45IDAuMWwwLjEgMGMwLjEgMCAwLjIgMCAwLjMgMCAxLjUgMC4xIDIuNiAxLjMgMi42IDIuN0M3NC4yIDEzLjkgNzMuOSAxNC42IDczLjQgMTUuMXoiLz48L3N2Zz4=) no-repeat top;
}

.fullPageSubmitIconFull.no-svg {
    background: url(/diary/resources/synaptacc/images/greentrophy.png) no-repeat top;
    background-size: contain;
}

.fullPageSubmitTitleText {
    font-size: 1.6em;
}

.fullPageSubmitBodyText {
    font-size: 1.3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding: 40px;
}

.entriesPageContentWrapper {
    position: fixed;
    background-color: #FFFFFF;
    top: 110px;
    bottom: 60px;
    right: 0px;
    left: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.contentHeaderWrapper {
    position: fixed;
    top: 60px;
    right: 0px;
    height: 50px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.entriesPageHeaderWrapper {
    position: fixed;
    top: 60px;
    left: 0px;
    right: 0px;
    height: 50px;
    background-color: #EEEEF5;
    color: #303C69;
}

.leftNavHeaderWrapper {
    width: 100%;
    height: 50px;
    background-color: #EEEEF5;
    color: #303C69;
}

.mobileEntryBackButtonWrapper {
    float: left;
    margin-left: 12px;
    margin-top: 10px;
}

.mobileEntryBackButton {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTYuMSAyMCAzMi41Ij48cmVjdCB4PSItMC42IiB5PSIxNC43IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgNS41NzM1IDM0Ljk4ODQpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjEuMiIgaGVpZ2h0PSIzLjIiLz48cmVjdCB4PSItMC42IiB5PSIyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIDAuNzA3MSAtMC43MDcxIC0wLjcwNzEgMTkuNTQzNyAtMC44NjkpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMjEuMiIgaGVpZ2h0PSIzLjIiLz48L3N2Zz4=) no-repeat center;
    width: 15px;
    height: 30px;
}

.mobileEntryBackButton.no-svg {
    background: url(/diary/resources/synaptacc/images/whitechevronleft.png) no-repeat center;
}

.contentHeaderText {
    float: left;
    font-size: 1.4em;
}

.contentHeaderText.desktopVersion {
    margin: 16px 0 0 16px;
}

.contentHeaderText.mobileVersion {
    padding: 15px 0 0 16px;
}

.contentSectionWrapper, .entrySectionWrapper {
    background-color: #F9F8FC;
    border-bottom: 2px solid #FFFFFF;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}

.contentSectionWrapper {
    min-height: 60px;
    padding-right: 40px;
}

.contentSectionWrapper.subQuestion {
    background-color: #FBFAFE;
}

.entrySectionWrapper {
    min-height: 55px;
    padding-top: 6px;
    padding-right: 22px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.entryStatusTabWrapper {
    text-align: right;
}

.entryStatusTab {
    border-radius: 12px 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9em;
    height: 17px;
    margin-bottom: 1px;
    margin-top: 10px;
    padding: 1% 10px 0 24px;
    opacity: 0.8;
}

.entrySectionWrapper.partiallyPopulated, .entrySectionWrapper.notpopulated {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAzMCI+PHJlY3QgeD0iLTEuNyIgeT0iMTkuMiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAtMC43MDcxIDI3LjMyMjkgMjkuNzUwMikiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxOC40IiBoZWlnaHQ9IjIuOCIvPjxyZWN0IHg9Ii0xLjciIHk9IjguMSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAtMC43MDcxIDAuNzA3MSAtMC43MDcxIDYuMTA5NyAyMS40NjMpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTguNCIgaGVpZ2h0PSIyLjgiLz48L3N2Zz4=) no-repeat 99% center;
    background-size: 15px 30px;
}

.entrySectionWrapper.partiallyPopulated.no-svg, .entrySectionWrapper.notpopulated.no-svg {
    background: url(/diary/resources/synaptacc/images/whitechevron.png) no-repeat 99% center;
}

.entrySectionWrapper.populated, .contentHeaderWrapper.populated, .entryStatusTab.populated {
    background-color: #8AB93E;
}

.entrySectionWrapper.partiallyPopulated, .contentHeaderWrapper.partiallyPopulated, .entryStatusTab.partiallyPopulated {
    background-color: #F7921E;
}

.entrySectionWrapper.notpopulated, .contentHeaderWrapper.notpopulated, .entryStatusTab.notpopulated {
    background-color: #C1262D;
}

.contentSectionWrapper.selectedEntry, .entrySectionWrapper.selectedEntry {
    background-color: #444F81 !important;
}

.dateSectionWrapper {
    background-color: #FFFFFF;
    margin-bottom: -10px;
    margin-top: 5px;
}

.dateSectionText {
    color: #7D7D7D;
    font-size: 1.4em;
    padding-left: 26px;
    padding-top: 16px;
}

.content {
    display: table-cell;
    margin-left: 0;
    margin-right: 0;
    vertical-align: top;
    padding-top: 8px;
    width: 100%;
    box-sizing: border-box;
}

.entryContent {
    display: table-cell;
    vertical-align: middle;
    padding-top: 4px;
}

.subQuestionLink {
    display: table-cell;
    vertical-align: middle;
}

.subQuestionLinkIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCAzMCI+PHJlY3QgeD0iMzAuNSIgeT0iMTkuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAtMC43MDcxIDgzLjk4NzEgNy4yMTE0KSIgZmlsbD0iIzMxM0Q2OCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIzMC41IiB5PSI3LjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSA2Mi43NzM5IDQ0LjAwMTgpIiBmaWxsPSIjMzEzRDY4IiB3aWR0aD0iMjAiIGhlaWdodD0iMyIvPjxnIG9wYWNpdHk9IjAuNzUiPjxyZWN0IHg9IjE1LjUiIHk9IjE5LjUiIHRyYW5zZm9ybT0ibWF0cml4KC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgLTAuNzA3MSA1OC4zODA1IDE3LjgxOCkiIGZpbGw9IiMzMTNENjgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIi8+PHJlY3QgeD0iMTUuNSIgeT0iNy41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgMzcuMTY3MyAzMy4zOTUyKSIgZmlsbD0iIzMxM0Q2OCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjMiLz48L2c+PGcgb3BhY2l0eT0iMC4yNSI+PHJlY3QgeD0iLTAuNSIgeT0iMTkuNSIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MSAwLjcwNzEgLTAuNzA3MSAtMC43MDcxIDMxLjA2NjggMjkuMTMxNykiIGZpbGw9IiMzMTNENjgiIHdpZHRoPSIyMCIgaGVpZ2h0PSIzIi8+PHJlY3QgeD0iLTAuNSIgeT0iNy41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgOS44NTM2IDIyLjA4MTUpIiBmaWxsPSIjMzEzRDY4IiB3aWR0aD0iMjAiIGhlaWdodD0iMyIvPjwvZz48L3N2Zz4=) no-repeat top;
    width: 30px;
    height: 20px;
    margin-left: 5px;
    margin-right: -35px;
    cursor: pointer;
}

.subQuestionLinkIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/chevrons.png) no-repeat top;
}

.formLabel {
    display: block;
    padding-bottom: 3px;
}

.mediaUploadWrapper {
    max-width: 400px;
}

.mediaUploadIcon {
    float: left;
}

.fileUploadWrapper {
    width: 200px;
    float: left;
    white-space: nowrap;
}

.fileUploadNoticeText {
    margin-left: 10px;
    font-style: italic;
}

.dropdownHour, .dropdownMinute, .dropdownMedium, .dropdownWide {
    padding: 3px;
    font-size: 1em;
}

.dropdownHour, .dropdownMinute {
    box-sizing: border-box;
    width: 45%;
    max-width: 60px;
    min-width: 50px;
}

.dropdownHour {
    margin-right: 10px;
}

.dropdownMedium {
    box-sizing: border-box;
    width: 100%;
    max-width: 220px;
}

.dropdownWide {
    box-sizing: border-box;
    width: 100%;
    max-width: 350px;
}

.inputArea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #EEEEF5;
    height: 100px;
    max-width: 348px;
    padding: 5px;
}

.entryTimeWrapper {
    display: table-cell;
    padding-right: 10px;
    padding-left: 8px;
}

.entryContentWrapper {
    display: table-cell;
    white-space: pre-line;
}

.blackText {
    color: #000000;
}

.greyText {
    color: #7C7C7E;
}

.noEntriesWrapper {
    font-size: 1.1em;
    padding: 20px;
    text-align: center;
}

.returnIcon {
    display: inline-block;
}

.dayCountWrapper, .diaryEndedWrapper {
    position: fixed;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 60px;
    background-color: #313D68;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.dayCountTitle {
    font-size: 0.7em;
    padding-top: 9px;
}

.dayCount {
    font-size: 2.2em;
}

.dayCount.mobileVersion {
    padding-top: 0px;
}

.dayCount.desktopVersion {
    padding-top: 3px;
}

.diaryEndedIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTM2LjMgMTVWNC43aDQuNFYzSDEwLjV2MS43aDQuM1YxNWMwIDIuOCAxLjEgNi4zIDguNyAxMCAtNi40IDMuMS04LjcgNS44LTguNyAxMC40djguOWgtNC4zVjQ2aDMwLjF2LTEuN2gtNC40di04LjljMC00LjYtMi4yLTcuMy04LjctMTAuNUMzNS4xIDIxLjIgMzYuMyAxNy44IDM2LjMgMTV6Ii8+PHBhdGggZmlsbD0iIzhBQkEzRSIgZD0iTTM0LjUgMzguMnY2LjJIMTYuNnYtNi4yYzAtMi41IDEuNS00LjIgOS02LjZDMzMgMzQuMSAzNC41IDM1LjggMzQuNSAzOC4yeiIvPjwvc3ZnPg==) no-repeat top;
    height: 34px;
    margin-left: 18px;
    margin-top: 13px;
    width: 34px;
}

.diaryEndedIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/diaryended.png) no-repeat top;
    background-size: contain;
}

.totalTrophyCountWrapper {
    float: right;
    padding-right: 10px;
    padding-top: 6px;
}

.totalTrophyCount {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAyMCI+PHBhdGggZmlsbD0iIzQ0NEY4MSIgZD0iTTE2LjcgMi4zQzE2LjcgMi4zIDE2LjcgMi4zIDE2LjcgMi4zbC0xLjkgMHYwSDQuMXYwSDIuM2MwIDAgMCAwLTAuMSAwQzEuNiAyLjMgMSAyLjggMSAzLjVjMCAwLjMgMC4xIDAuNyAwLjQgMC45bDIuOCAyLjhWN2MwIDIuOCAyLjIgNS4yIDUgNS4zdjVINi43VjE4aDUuN3YtMC42SDkuOHYtNWMyLjgtMC4yIDUtMi41IDUtNS4zdjAuMmwyLjgtMi44QzE3LjkgNC4yIDE4IDMuOSAxOCAzLjUgMTggMi44IDE3LjQgMi4zIDE2LjcgMi4zek00LjEgNi4zTDEuOCA0QzEuNyAzLjggMS42IDMuNyAxLjYgMy41YzAtMC4zIDAuMy0wLjYgMC42LTAuNiAwIDAgMCAwIDAuMSAwbDAgMGgwIDEuOFY2LjN6TTE0LjIgN2MwIDIuNi0yLjEgNC43LTQuNyA0LjcgLTIuNiAwLTQuNy0yLjEtNC43LTQuN1YyLjloOS40Vjd6TTE3LjIgNGwtMi4zIDIuM1YyLjloMS44IDBsMCAwYzAgMCAwIDAgMC4xIDAgMC4zIDAgMC42IDAuMyAwLjYgMC42QzE3LjQgMy43IDE3LjMgMy44IDE3LjIgNHoiLz48cGF0aCBmaWxsPSIjNDQ0RjgxIiBkPSJNNC4xIDIuM1Y3YzAgMC0wLjMgNSA1IDUuM1MxNC45IDcgMTQuOSA3VjIuM0g0LjF6Ii8+PC9zdmc+) no-repeat left;
    box-sizing: border-box;
    color: #303c69;
    display: table-cell;
    font-size: 1em;
    height: 36px;
    padding-left: 25px;
    padding-right: 4px;
    padding-top: 2px;
    text-align: left;
    vertical-align: middle;
}

.totalTrophyCount.no-svg {
    background: url(/diary/resources/synaptacc/images/trophycount.png) no-repeat left;
}

.totalTrophyCount {
    background-size: 19px 20px;
}

.trophyCount {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAzMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjkgNS45QzIyLjggNS45IDIyLjggNS45IDIyLjkgNS45bC0yLjcgMHYwSDQuOHYwSDIuMmMwIDAtMC4xIDAtMC4xIDAgLTEgMC0xLjggMC44LTEuOCAxLjggMCAwLjUgMC4yIDEgMC41IDEuM2w0IDR2LTAuM2MwIDQuMSAzLjIgNy40IDcuMiA3LjZ2Ny4ySDguNHYwLjloOC4xdi0wLjlIMTN2LTcuMmM0LTAuMiA3LjItMy42IDcuMi03LjZWMTNsNC00YzAuMy0wLjMgMC41LTAuOCAwLjUtMS4zQzI0LjcgNi43IDIzLjkgNS45IDIyLjkgNS45ek00LjggMTEuN0wxLjUgOC40QzEuMyA4LjIgMS4yIDggMS4yIDcuN2MwLTAuNSAwLjQtMC45IDAuOS0wLjkgMCAwIDAuMSAwIDAuMSAwbDAgMGgwIDIuNlYxMS43ek0xOS4zIDEyLjdjMCAzLjctMyA2LjgtNi44IDYuOCAtMy43IDAtNi44LTMtNi44LTYuOFY2LjhoMTMuNVYxMi43ek0yMy41IDguNGwtMy4zIDMuM1Y2LjhoMi42IDBsMCAwYzAgMCAwLjEgMCAwLjEgMCAwLjUgMCAwLjkgMC40IDAuOSAwLjlDMjMuOCA4IDIzLjcgOC4yIDIzLjUgOC40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00LjggNS45djYuOGMwIDAtMC40IDcuMiA3LjIgNy42czguMS03LjYgOC4xLTcuNlY1LjlINC44eiIvPjwvc3ZnPg==) no-repeat center;
    display: table-cell;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
}

.trophyCount.no-svg {
    background: url(/diary/resources/synaptacc/images/fulltrophy.png) no-repeat center;
}

.trophyCountText {
    color: #000000;
    margin-top: -3px;
}

.trophyCountText.populated {
    color: #8AB93E;
}

.trophyCountText.partiallyPopulated {
    color: #F7921E;
}

.trophyCountText.notpopulated {
    color: #C1262D;
}

.starWrapper{
    float:right;
}

.trophyIcon, .hollowTrophyIcon {
    float:right;
    margin-right: 5px;
}

.trophyIcon.desktopVersion, .hollowTrophyIcon.desktopVersion {
    margin-top: 7px;
    height: 35px;
    width: 35px;
}

.trophyIcon.mobileVersion, .hollowTrophyIcon.mobileVersion {
    margin-top: 12px;
    height: 25px;
    width: 25px;
}

.trophyIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAzMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjkgNS45QzIyLjggNS45IDIyLjggNS45IDIyLjkgNS45bC0yLjcgMHYwSDQuOHYwSDIuMmMwIDAtMC4xIDAtMC4xIDAgLTEgMC0xLjggMC44LTEuOCAxLjggMCAwLjUgMC4yIDEgMC41IDEuM2w0IDR2LTAuM2MwIDQuMSAzLjIgNy40IDcuMiA3LjZ2Ny4ySDguNHYwLjloOC4xdi0wLjlIMTN2LTcuMmM0LTAuMiA3LjItMy42IDcuMi03LjZWMTNsNC00YzAuMy0wLjMgMC41LTAuOCAwLjUtMS4zQzI0LjcgNi43IDIzLjkgNS45IDIyLjkgNS45ek00LjggMTEuN0wxLjUgOC40QzEuMyA4LjIgMS4yIDggMS4yIDcuN2MwLTAuNSAwLjQtMC45IDAuOS0wLjkgMCAwIDAuMSAwIDAuMSAwbDAgMGgwIDIuNlYxMS43ek0xOS4zIDEyLjdjMCAzLjctMyA2LjgtNi44IDYuOCAtMy43IDAtNi44LTMtNi44LTYuOFY2LjhoMTMuNVYxMi43ek0yMy41IDguNGwtMy4zIDMuM1Y2LjhoMi42IDBsMCAwYzAgMCAwLjEgMCAwLjEgMCAwLjUgMCAwLjkgMC40IDAuOSAwLjlDMjMuOCA4IDIzLjcgOC4yIDIzLjUgOC40eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00LjggNS45djYuOGMwIDAtMC40IDcuMiA3LjIgNy42czguMS03LjYgOC4xLTcuNlY1LjlINC44eiIvPjwvc3ZnPg==) no-repeat left top;
}

.trophyIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/fulltrophy.png) no-repeat left top;
    background-size: contain;
}

.hollowTrophyIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAzMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIyLjkgNS45QzIyLjggNS45IDIyLjggNS45IDIyLjkgNS45bC0yLjcgMHYwSDQuOHYwSDIuMmMwIDAtMC4xIDAtMC4xIDAgLTEgMC0xLjggMC44LTEuOCAxLjggMCAwLjUgMC4yIDEgMC41IDEuM2w0IDR2LTAuM2MwIDQuMSAzLjIgNy40IDcuMiA3LjZ2Ny4ySDguNHYwLjloOC4xdi0wLjlIMTN2LTcuMmM0LTAuMiA3LjItMy42IDcuMi03LjZWMTNsNC00YzAuMy0wLjMgMC41LTAuOCAwLjUtMS4zQzI0LjcgNi43IDIzLjkgNS45IDIyLjkgNS45ek00LjggMTEuN0wxLjUgOC40QzEuMyA4LjIgMS4yIDggMS4yIDcuN2MwLTAuNSAwLjQtMC45IDAuOS0wLjkgMCAwIDAuMSAwIDAuMSAwbDAgMGgwIDIuNlYxMS43ek0xOS4zIDEyLjdjMCAzLjctMyA2LjgtNi44IDYuOCAtMy43IDAtNi44LTMtNi44LTYuOFY2LjhoMTMuNVYxMi43ek0yMy41IDguNGwtMy4zIDMuM1Y2LjhoMi42IDBsMCAwYzAgMCAwLjEgMCAwLjEgMCAwLjUgMCAwLjkgMC40IDAuOSAwLjlDMjMuOCA4IDIzLjcgOC4yIDIzLjUgOC40eiIvPjwvc3ZnPg==) no-repeat left top;
}

.hollowTrophyIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/hollowtrophy.png) no-repeat left top;
    background-size: contain;
}

.addEntryWrapper{
    border: 1px dashed #888888;
    color: #888888;
    font-size: 1.2em;
    margin: 10px 10px 0;
    padding: 15px;

}

.addEntryIcon {
    display: table-cell;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNyAyNyI+PHJlY3QgeD0iMTEuNyIgZmlsbD0iIzg4ODg4OCIgd2lkdGg9IjMuNiIgaGVpZ2h0PSIyNyIvPjxyZWN0IHk9IjExLjciIGZpbGw9IiM4ODg4ODgiIHdpZHRoPSIyNyIgaGVpZ2h0PSIzLjYiLz48L3N2Zz4=) no-repeat left top;
    height: 27px;
    width: 27px;
}

.addEntryIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/add.png) no-repeat left top;
}

.addEntryText {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.dateWrapper, .timeWrapper {
    display: table-cell;
}

.timeWrapper {
    padding-left: 10px;
    white-space: nowrap;
}

.dateWrapper {
    width: 62%;
}

.entrySavedDialogueWrapper {
    display: none;
}

.entrySavedDialogue {
    background-color: #444f81;
    border-radius: 20px;
    height: 300px;
    text-align: center;
    position: absolute;
    z-index: 100;
}

.entrySavedDialogue.desktopVersion {
    left: 400px;
    top: 120px;
    width: 400px;
}

.entrySavedDialogue.mobileVersion {
    left: 15px;
    right: 15px;
    top: 120px;
}

.entrySavedDialogue.desktopVersion:after, .entrySavedDialogue.desktopVersion:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.entrySavedDialogue.desktopVersion:after, .entrySavedDialogue.desktopVersion:before {
    top: 50%;
    right: 100%;
}

.entrySavedDialogue.desktopVersion:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 20px;
    margin-top: -20px;
    border-right-color: #444f81;
}

.entrySavedDialogueText{
    font-size: 3em;
    margin-top: 70px;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.entrySavedDialogueIcon {
    background: url(/diary/resources/synaptacc/images/bigtick.png) no-repeat top;
    width: 100px;
    height: 80px;
    display: inline-block;
    margin-top: 30px;
}

.submitFooterText {
    color: #ffffff;
    display: table-cell;
    font-size: 1.1em;
    height: 60px;
    padding: 0 84px 0 14px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.previewImageWrapper {
    display: table-cell;
}

.previewImageTextWrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
    color: #000000;
}

.addMediaIconWrapper {
    display: inline-block;
    vertical-align: top;
}

.addMediaIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0iIzQ0NEY4MSIgZD0iTTM2LjggOC40aC03LjRMMjUgNC4yYy0wLjMtMC4zLTAuNi0wLjQtMS0wLjRoLTcuOGMtMC40IDAtMC43IDAuMS0xIDAuNGwtNC40IDQuMUgzLjRjLTEuMyAwLTIuMyAxLTIuMyAyLjNWMzNjMCAxLjMgMSAyLjMgMi4zIDIuM2gzMy4zYzEuMyAwIDIuMy0xIDIuMy0yLjNWMTAuN0MzOS4xIDkuNCAzOC4xIDguNCAzNi44IDguNHpNMjAuMSAzMC4zYy00LjcgMC04LjUtMy44LTguNS04LjUgMC00LjcgMy44LTguNSA4LjUtOC41czguNSAzLjggOC41IDguNUMyOC42IDI2LjUgMjQuOCAzMC4zIDIwLjEgMzAuM3oiLz48Y2lyY2xlIGZpbGw9IiM0NDRGODEiIGN4PSIyMC4xIiBjeT0iMjEuOSIgcj0iNS40Ii8+PC9zdmc+) no-repeat top;
    height: 40px;
    width: 40px;
}

.addMediaIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/camera.png) no-repeat top;
}

.fileUploadTextButtonWrapper {
    display: inline-block;
    margin-top: 6px;
}

.videoCameraIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBvbHlnb24gZmlsbD0iIzQ0NEY4MSIgcG9pbnRzPSIzNS42IDMxLjEgMzUuNiAyMi40IDQ1LjUgMTYuNiA0NS41IDM2LjYgIi8+PHBhdGggZmlsbD0iIzQ0NEY4MSIgZD0iTTI4LjcgMTUuOUg4LjFjLTIuOCAwLTUgMi4yLTUgNXYxMS41YzAgMi44IDIuMiA1IDUgNWgyMC41YzIuOCAwIDUtMi4yIDUtNVYyMC45QzMzLjcgMTguMSAzMS40IDE1LjkgMjguNyAxNS45ek0xNS41IDMyVjIxLjJsOS40IDUuNEwxNS41IDMyeiIvPjwvc3ZnPg==) no-repeat top;
    height: 50px;
    width: 50px;
}

.videoCameraIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/video.png) no-repeat top;
}

.smallCameraIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjNDQ0RjgxIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0xNi42IDYuM2gtMi43bC0xLjYtMS40Yy0wLjEtMC4xLTAuMi0wLjEtMC40LTAuMUg5LjFjLTAuMSAwLTAuMyAwLTAuNCAwLjFMNy4xIDYuM0g0LjRjLTAuNSAwLTAuOSAwLjQtMC45IDAuOHY3LjdjMCAwLjQgMC40IDAuOCAwLjkgMC44aDEyLjNjMC41IDAgMC45LTAuNCAwLjktMC44VjcuMUMxNy41IDYuNyAxNy4xIDYuMyAxNi42IDYuM3pNMTAuNSAxMy45Yy0xLjcgMC0zLjEtMS4zLTMuMS0yLjlDNy40IDkuMyA4LjggOCAxMC41IDhzMy4xIDEuMyAzLjEgMi45QzEzLjYgMTIuNiAxMi4yIDEzLjkgMTAuNSAxMy45eiIvPjwvc3ZnPg==) no-repeat top;
    height: 20px;
    width: 20px;
    left: 44px;
    position: absolute;
    top: 12px;
}

.smallCameraIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/cameratype.png) no-repeat top;
}

.contentStatus {
    display: table-cell;
    width: 40px;
    min-width: 40px;
    height: 40px;
    vertical-align: top;
    padding-top: 8px;
}

.contentStatusFull, .contentStatusPartial {
    height: 30px;
    width: 35px;
    margin-right: 5px;
}

.contentStatusFull {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzNSI+PHJlY3QgeD0iNiIgeT0iMTYuNSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtNy40NTk0IDE4LjM4NTMpIiBmaWxsPSIjMzEzRDY4IiB3aWR0aD0iMjUiIGhlaWdodD0iMy40Ii8+PHJlY3QgeD0iMC45IiB5PSIyMS40IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzEgMC43MDcxIC0wLjcwNzEgLTQuMTI2MyA0NC4zOTYyKSIgZmlsbD0iIzMxM0Q2OCIgd2lkdGg9IjEyLjUiIGhlaWdodD0iMy40Ii8+PC9zdmc+) no-repeat top;
}

.contentStatusFull.no-svg {
    background: url(/diary/resources/synaptacc/images/fullbluetick.png) no-repeat top;
}

.contentStatusPartial {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAzNSI+PHBvbHlnb24gZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzEzRDY4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMjguNSAxMC41IDI2LjEgOC4yIDEwLjQgMjMuOSAzLjkgMTcuNCAxLjUgMTkuOCAxMC40IDI4LjcgMTIuOCAyNi4zIDEyLjggMjYuMyAiLz48L3N2Zz4=) no-repeat top;
}

.contentStatusPartial.no-svg {
    background: url(/diary/resources/synaptacc/images/hollowbluetick.png) no-repeat top;
}

.daysRemainingWrapper {
    text-align: center;
    padding-top: 22px;
}

.daysRemainingText {
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3em;
}

.errorMessageWrapper {
    height: 100%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.errorIconWrapper {
    margin-bottom: -80px;
    margin-top: -60px;
    max-width: 500px;
    width: 100%;
}

.errorTextHeader {
    font-size: 2em;
    margin-top: 30px;
    margin-bottom: 25px;
}

.errorTextBody {

}

.errorButtonWrapper {
    padding: 25px;
}

.helpPanel {
    position: fixed;
    color: #CBCFD4;
    left: 0;
    right: 0;
    bottom: 0px;
    top: 0px;
    background: #2F3F5A;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 100;
}

.helpPanelWrapper.mobileVersion {
    padding: 0px 24px 20px;;
}

.helpPanelWrapper.desktopVersion {
    padding: 30px 40px;
}

.helpSpacer {
    height: 40px;
}

.helpPanelHeader {
    background-color: #444f81;
    height: 60px;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 100;
}

.helpPanelCloseIconWrapper {
    background-color: #313d68;
    height: 60px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 70px;
}

.helpPanelDisplayIconWrapper {
    float: left;
    margin-top: 14px;
    margin-left: 8px;
}

.displayHelpIcon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE4LjEgMC4ySDYuOUM0LjIgMC4yIDIgMi40IDIgNS4xdjExLjFjMCAyLjcgMi4yIDQuOSA0LjkgNC45aDEuOWwwIDAgMy43IDMuNyAzLjctMy43IDAgMGgxLjljMi43IDAgNC45LTIuMiA0LjktNC45VjUuMUMyMyAyLjQgMjAuOCAwLjIgMTguMSAwLjJ6TTEyLjEgMTguMWMtMC42IDAtMS4xLTAuNS0xLjEtMS4xIDAtMC43IDAuNS0xLjIgMS4xLTEuMiAwLjYgMCAxLjEgMC41IDEuMSAxLjJDMTMuMyAxNy42IDEyLjggMTguMSAxMi4xIDE4LjF6TTEzLjkgMTEuMWMtMC44IDEtMS4xIDEuOC0xLjEgMi43bDAgMC41aC0xLjRsMC0wLjVjLTAuMS0xIDAuMi0yLjEgMS4xLTMuMiAwLjgtMSAxLjMtMS43IDEuMy0yLjUgMC0wLjktMC42LTEuNi0xLjgtMS42IC0wLjcgMC0xLjQgMC4yLTEuOSAwLjZMOS44IDUuOWMwLjYtMC40IDEuNy0wLjcgMi42LTAuNyAyLjEgMCAzLjEgMS4zIDMuMSAyLjdDMTUuNSA5LjEgMTQuOCAxMC4xIDEzLjkgMTEuMXoiLz48L3N2Zz4=) no-repeat left top;
    width: 25px;
    height: 25px;
}

.displayHelpIcon.no-svg {
    background: url(/diary/resources/synaptacc/images/help.png) no-repeat left top;
}

.displayHelpIconBlue {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMjUgMjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1IDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCiAgPHJlY3QgeD0iNy4zIiB5PSI0LjYiIGZpbGw9IiMzMTNENjgiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB3aWR0aD0iMTEuNCIgaGVpZ2h0PSIxMy44Ii8+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC4xIDAuMUg2LjlDNC4yIDAuMSAyIDIuNCAyIDUuMXYxMS4xYzAgMi43IDIuMiA0LjkgNC45IDQuOWgxLjlsMCAwIDMuNyAzLjcgMy43LTMuNyAwIDBoMS45YzIuNyAwIDQuOS0yLjIgNC45LTQuOVY1LjFDMjMgMi40IDIwLjggMC4xIDE4LjEgMC4xek0xMi4xIDE4LjFjLTAuNiAwLTEuMS0wLjUtMS4xLTEuMSAwLTAuNyAwLjUtMS4yIDEuMS0xLjIgMC42IDAgMS4xIDAuNSAxLjEgMS4yQzEzLjMgMTcuNiAxMi44IDE4LjEgMTIuMSAxOC4xek0xMy45IDExLjFjLTAuOCAxLTEuMSAxLjgtMS4xIDIuN3YwLjVoLTEuNHYtMC41Yy0wLjEtMSAwLjItMi4xIDEuMS0zLjIgMC44LTEgMS4zLTEuNyAxLjMtMi41IDAtMC45LTAuNi0xLjYtMS44LTEuNiAtMC43IDAtMS40IDAuMi0xLjkgMC42TDkuOCA1LjljMC42LTAuNCAxLjctMC43IDIuNi0wLjcgMi4xIDAgMy4xIDEuMyAzLjEgMi43QzE1LjUgOS4xIDE0LjggMTAuMSAxMy45IDExLjF6Ii8+DQo8L3N2Zz4=) no-repeat left top;
    width: 25px;
    height: 25px;
}

.displayHelpIconBlue.no-svg {
    background: url(/diary/resources/synaptacc/images/helpblue.png) no-repeat left top;
}

.helpHeading1 {
    font-size: 2em;
    padding: 20px 0;
}

.helpHeading2 {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 20px 0 4px;
}

.helpBodyText {
    font-size: 1.2em;
    padding: 10px 0 4px;
}

.helpListItem {
    font-size: 1.2em;
    padding-bottom: 12px;
}

.helpTitle {
    color: #ffffff;
    font-size: 2.6em;
    text-align: center;
}

.helpSubTitle {
    padding: 5px 0px 26px;
    font-size: 2.2em;
    text-align: center;
}

.helpImage.desktopVersion {
    background: url(/diary/resources/synaptacc/images/helpimagedesktop.svg) no-repeat center top / 320px 230px;
    margin-top: 30px;
    height: 230px;
}

.helpImage.desktopVersion.no-svg {
    background: url(/diary/resources/synaptacc/images/helpimagedesktop.png) no-repeat center top / 320px 230px;
}

.helpImage.mobileVersion {
    background: url(/diary/resources/synaptacc/images/helpimagemobile.svg) no-repeat center top / 250px 250px;
    margin-top: 20px;
    height: 250px;
}

.helpImage.mobileVersion.no-svg {
    background: url(/diary/resources/synaptacc/images/helpimagemobile.png) no-repeat center top / 250px 250px;
}

.fullPageStatusWrapper {
    position: fixed;
    background-color: #FFFFFF;
    top: 0px;
    right: 0px;
    overflow: auto;
    left: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 90;
    opacity: 0.94;
}

.closeFullPageStatusButton {
    display: inline-block;
    background-color: #FFFFFF;
    border: 1px solid #a2a6c0;
    border-radius: 14px;
    padding: 4px 14px 0px;
    height: 22px;
    font-size: 1.1em;
    color: #3a4674;
}

.closeFullPageStatusLinkWrapper {
    margin-bottom: 50px;
}

.helpOverlayPageContent {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 5;
}

.helpOverlayControlWrapperBottomWrapper, .helpOverlayControlWrapperTopWrapper {
    position: fixed;
    width:100%;
    z-index: 5;
}

.helpOverlayControlWrapperBottomWrapper {
    bottom: 0;
}

.helpOverlayControlWrapperTopWrapper {
    top: 0;
}

.helpOverlayControlWrapperBottomTilt, .helpOverlayControlWrapperBottom, .helpOverlayControlWrapperTopTilt, .helpOverlayControlWrapperTop {
    background: #494949;
}

.helpOverlayControlWrapperBottomTilt {
    height: 60px;
    top: 30px;
    position: relative;
    transform: skew(0deg, 5deg);
    transform:skew(0deg,5deg);
    -ms-transform:skew(0deg,10deg);
    -webkit-transform:skew(0deg,5deg);
}

.helpOverlayControlWrapperTopTilt {
    height: 50px;
    bottom: 30px;
    position: relative;
    transform: skew(0deg, -5deg);
    transform:skew(0deg,-5deg);
    -ms-transform:skew(0deg,-10deg);
    -webkit-transform:skew(0deg,-5deg);
}

.helpOverlayControlWrapperBottom, .helpOverlayControlWrapperTop {
    position: relative;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.helpOverlayControlWrapperBottom {
    height: 100px;
}

.helpOverlayControlWrapperTop {
    padding-top: 30px;
    height: 80px;
    z-index: 10;
}

.helpOverlayHeaderText {
    font-size: 1.6em;
    text-align: center;
}

.helpOverlayControlWrapperLinkText {
    font-size: 1.4em;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
}

.helpOverlayControlWrapperBottomNextLink {
    position: absolute;
    bottom: 16px;
    right: 20px;
}

.helpOverlayControlWrapperBottomSkipLink {
    position: absolute;
    bottom: 16px;
    left: 20px;
}

.helpOverlayControlWrapperTopNextLink {
    position: absolute;
    top: 85px;
    right: 20px;
}

.helpOverlayControlWrapperTopSkipLink {
    position: absolute;
    top: 85px;
    left: 20px;
}

.helpOverlayPopup {
    position: fixed;
    background: #FFFFFF;
    border: 2px solid #494949;
    border-radius: 20px;
    padding: 14px 18px;
    line-height: 1.6em;
    width: 140px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5);
}

.helpOverlayPopup:after, .helpOverlayPopup:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.helpOverlayPopup:after {
    border-color: rgba(136, 183, 213, 0);
    margin-left: -18px;
}

.helpOverlayPopup:before {
    border-color: rgba(194, 225, 245, 0);
    margin-left: -20px;
}

.helpOverlayPopup.left:after {
    bottom: 100%;
    border-left-color: #FFFFFF;
    border-width: 18px 0 0 18px;
    left: 40px;
}

.helpOverlayPopup.left:before {
    bottom: 100%;
    border-left-color: #494949;
    border-width: 23px 0 0 23px;
    left: 40px;
}

.helpOverlayPopup.right:after {
    bottom: 100%;
    border-right-color: #FFFFFF;
    border-width: 18px 18px 0 0;
    right: 22px;
}

.helpOverlayPopup.right:before {
    bottom: 100%;
    border-right-color: #494949;
    border-width: 23px 23px 0 0;
    right: 20px;
}

.helpOverlayPopup.bottomright:after {
    top: 100%;
    border-right-color: #FFFFFF;
    border-width: 0 18px 18px 0;
    right: 22px;
}

.helpOverlayPopup.bottomright:before {
    top: 100%;
    border-right-color: #494949;
    border-width: 0 23px 23px 0;
    right: 20px;
}

.helpOverlayPopup.bottomleft:after {
    top: 100%;
    border-left-color: #FFFFFF;
    border-width:  0 0 18px 18px;
    left: 40px;
}

.helpOverlayPopup.bottomleft:before {
    top: 100%;
    border-left-color: #494949;
    border-width:  0 0 23px 23px;
    left: 40px;
}

.helpOverlayPopupText {
    color: #494949;
    font-size: 1.3em;
}

.helpOverlayPosAddEntry1 {
    left: 20%;
    top: 185px;
}

.helpOverlayPosAddEntry2 {
    left: 4px;
    top: 234px;
}

.helpOverlayPosAddEntry3 {
    right: 20px;
    top: 118px;
}

.helpOverlayPosAddEntry4 {
    right: 8px;
    top: 68px;
}

.helpOverlayPosEntries1 {
    left: 80px;
    top: 180px;
}

.helpOverlayPosChevrons1 {
    right: 8px;
}

.helpOverlayPosChevrons2 {
    left: 4px;
}

.helpOverlayPosSubQuestion1 {
    right: 8px;
    top: 68px;
}

.helpOverlayPosEntriesAfterAdd1 {
    margin: auto;
    left: 0;
    right: 0;
    top: 180px;
}

.helpOverlayPosEditEntry1 {
    margin: auto;
    left: 0;
    right: 131px;
}

.helpOverlayPosEditEntry2 {
    right: 8px;
    top: 68px;
}

.helpOverlayPosSubmitMode1 {
    bottom: 85px;
    right: 16px;
}

.helpOverlayPosMandatory1 {
    right: 4px;
}

.helpOverlayProgressWrapper {
    text-align: center;
    padding-top: 10px;
}

.helpProgressFull, .helpProgressPartial {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAxMSI+PGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNS40IiBjeT0iNS43IiByPSI1Ii8+PC9zdmc+) no-repeat center;
    display: inline-block;
    height: 11px;
    margin: 6px;
    width: 11px;
}

.helpProgressFull.no-svg, .helpProgressPartial.no-svg
{
    background: url(/diary/resources/synaptacc/images/dot.png) no-repeat center;
}

.helpProgressPartial {
    opacity: 0.4;
}

.mobileSpacer {
    width:100%;
    height:100px;
}

.privacyNoticeDialog {
    max-width: 800px;
}

.privacyNoticeContentWrapper {
    overflow-y: scroll;
    margin: 1% 2%;
    height: 55vh;
    max-height: 400px;
    -webkit-overflow-scrolling: touch;
}

.privacyNoticeButtonWrapper {
    text-align: center;
    padding: 20px 0px;
}

.privacyCheckboxWrapper {
    text-align: center;
    padding: 5px 0px 10px 0px;
}

.privacyNoticeTitle {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 5px 0px;
}

.privacyNoticeHeading {
    display: block;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
}

.privacyNoticeContent {
    display: block;
    padding: 5px 0px;
}

.privacyNoticeContentBold {
    display: block;
    font-weight: bold;
    padding: 5px 0px;
}

.privacyNoticeListItem {
    display: block;
    padding: 5px 0px 5px 20px;
}

.privacyNoticeAcceptanceText {
    display: block;
    font-weight: bold;
    padding: 5px 0px;
}

/* default styling overrides */
.ui-commandlink {
    text-decoration: none;
}

.ui-datalist-data {
    padding: 0px !important;
    margin: 0;
}

.ui-datalist {
    border: none !important;
}

.ui-widget-content{
    border: none !important;
    color: inherit;
    background: none;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
}

.ui-widget {
    font-size: inherit;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: inherit;
}

.ui-widget-header {
    border: none !important;
    background: none;
}

.ui-dialog {
    background-color: #FFFFFF;
}

.ui-dialog-titlebar {
    background-color: #EEEEF5;
}

.ui-dialog-buttonpane {
    text-align: center !important;
}

.ui-fileupload-choose {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none;
}

.ui-fileupload-choose.ui-state-hover {
    box-shadow: none;
}

.fileUploadWrapper .ui-panel {
    padding: 0;
}

.ui-fileupload {
    display: table-cell;
}

.ui-fileupload-buttonbar {
    display: table-cell;
}

.ui-panel-content {
    padding: 0 !important;
}

.ui-fileupload-buttonbar {
    padding: 0 !important;
}

.ui-message {
    display: inline;
}

.ui-message-error {
    border: medium none !important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    vertical-align: middle;
    margin-right: -35px;
}

.ui-messages-error-icon {
    display: none;
}

.ui-message-error-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNS41IDIyIj48cGF0aCBmaWxsPSIjQzEyNzJEIiBkPSJNMTUgMS4yYy00LjQgMC04IDMtOS4xIDdsLTQuNCAyLjUgNC40IDIuNWMxLjEgNCA0LjggNyA5LjEgNyA1LjIgMCA5LjUtNC4zIDkuNS05LjVTMjAuMiAxLjIgMTUgMS4yek0xOC44IDEzLjZsLTAuOSAwLjlMMTUgMTEuNmwtMi45IDIuOSAtMC45LTAuOSAyLjktMi45IC0yLjktMi45IDAuOS0wLjlMMTUgOS44bDIuOS0yLjkgMC45IDAuOSAtMi45IDIuOUwxOC44IDEzLjZ6Ii8+PC9zdmc+) no-repeat top;
    width: 26px;
    height: 22px;
    margin-left: -9px;
    margin-top: -3px;
}

.ui-message-error-icon.no-svg {
    background: url(/diary/resources/synaptacc/images/required.png) no-repeat top;
}

.ui-fileupload-content {
    display: block;
    background: #f9f8fc none repeat scroll 0 0;
    position: fixed;
    right: 0;
    top: 110px;
    padding-left: 40px;
}

.desktopFileUploadComponent .ui-fileupload-content {
    left: 380px;
}

.mobileFileUploadComponent .ui-fileupload-content {
    left: 0px;
}

.ui-fileupload-files td {
    max-width: 90px;
    overflow: hidden;
    padding: 24px 4px 10px;
}

.ui-fileupload-files {
    margin: 0;
}

.ui-fileupload-preview {
    display: none;
}

.ui-messages-error-summary {
    white-space: nowrap;
    margin-left: 0px;
}

.ui-messages-error-detail {
    white-space: normal;
}

.ui-messages ul {
    margin: 0px;
}

.ui-fileupload-content .ui-progressbar {
    width: 80px;
    height: 16px;
}

.ui-button-icon-only {
    height: 22px;
    width: 22px;
}

.ui-selectmanycheckbox.ui-widget td label {
    min-width: 90px;
    margin-top: 0px;
    padding: 5px 0px;
    color: #000000;
}