.note-center .multiSelectTrigger{width:100%;height:24px;background:#fff;border:1px solid #e1e0e1;border-radius:2px;text-align:left;font-weight:normal;position:relative;outline:0}.note-center .multiSelectTrigger .selectArrow{position:absolute;top:5px;right:8px}.note-center .multiSelectTrigger .ellipsis{width:160px}.note-center .multiSelectList.isMultiSelect .multiSelectItem{background-image:url("/frontend/image/multi_select_add_icon.svg");background-repeat:no-repeat;background-position:right 8px center;background-size:13px;padding-right:20px}.note-center .multiSelectList.isMultiSelect .multiSelectItem .ellipsis{width:165px}.note-center .multiSelectList.isMultiSelect .multiSelectItem:hover{background-color:#fafafa}.note-center .multiSelectList.isMultiSelect .multiSelectItem:hover.is-selected{background-repeat:no-repeat;background-image:url("/frontend/image/multi_select_hover_remove.svg")}.note-center .multiSelectList.isMultiSelect .multiSelectItem.is-selected{background-image:url("/frontend/image/multi_select_is_selected.svg")}.note-center .dropdownDivider{border-top:1px solid #E1E1E1;margin:5px 6px 7px 6px}.note-center .multiSelectLabel{display:inline-block;font-weight:700;text-indent:6px}.note-center .multiSelectItem,.note-center .selectItem{height:24px;line-height:1.5rem;background:#fff;padding-left:6px;cursor:pointer;margin-bottom:1px;background-repeat:no-repeat;background-position:right 8px center}.note-center .multiSelectItem:hover,.note-center .selectItem:hover{background-color:#fafafa}.note-center .multiSelectItem.is-selected,.note-center .selectItem.is-selected{color:#068E6A;background-image:url("/frontend/image/multi_select_is_selected.svg")}.note-center .multiSelectList{margin-top:-5px;padding-top:5px;width:100%;background:#fff;border-right:1px solid #e1e0e1;border-left:1px solid #e1e0e1;border-bottom:1px solid #e1e0e1;border-bottom-left-radius:2px;border-bottom-right-radius:2px;position:absolute;top:100%;z-index:999}.note-center .multiSelect-tags .multiSelectTrigger{padding-right:20px;padding-top:6px;min-height:40px;border-radius:3px;height:auto;padding-bottom:5px}.note-center .multiSelect-tags .multiSelectTrigger .selectArrow{top:13px}.note-center .multiSelect-tags .tagText{color:#333;width:auto;display:inline-block}.note-center .multiSelect-tags .tagOption{display:inline-block;padding:5px;margin:2px;border-radius:3px;background-color:#068E6A;color:#fff}.note-center .multiSelect-tags .tagOption:hover{background-color:#009640}.note-center .multiSelect-tags .multiSelectList{max-height:500px;overflow-y:scroll}.note-center .multiSelect-tags .multiSelectList .multiSelectItem{height:32px;line-height:2rem;padding-right:25px}.note-center .boostTooltipToggler{position:relative;text-indent:0;background:none;margin-top:-2px;min-height:17px}.note-center .boostTooltipToggler .tooltipQuestionmark{position:absolute;top:0;left:0}.note-center .boostTooltip.tooltipContent{box-shadow:0 4px 5px 1px rgba(0,0,0,0.1);border:1px solid #F1F1F1;opacity:1;animation:fadeIn .3s}.note-center .boostTooltip.tooltipContent .tooltipCloseButton{top:10px;right:10px;padding:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:absolute}.note-center .boostTooltip.tooltipContent.withPadding{padding:28px 35px}@media (min-width: 768px){.rl .note-center .boostTooltip.tooltipContent[data-position=top]::before,.rl .note-center .boostTooltip.tooltipContent[data-aza-tooltip-position=top]::before,.rl .note-center .boostTooltip.tooltipContent[data-position=bottom]::before,.rl .note-center .boostTooltip.tooltipContent[data-aza-tooltip-position=bottom]::before{background:url("/frontend/image/tooltip-arrow-top.svg") top left no-repeat;top:-16px;height:16px;width:32px;margin-left:-17px}}@media (max-width: 767px){.rl .note-center .boostTooltip.tooltipContent[data-position=top]::before,.rl .note-center .boostTooltip.tooltipContent[data-aza-tooltip-position=top]::before,.rl .note-center .boostTooltip.tooltipContent[data-position=bottom]::before,.rl .note-center .boostTooltip.tooltipContent[data-aza-tooltip-position=bottom]::before{display:none}}.note-center .tooltipContent{position:absolute;z-index:999;background-color:#fff;border:1px solid #bfbfbf;font-weight:normal;box-shadow:-3px 6px 7px 0 rgba(0,0,0,0.11)}.note-center .tooltipContent.withPadding{padding:11px}.note-center .tooltipContent .header{display:block;font-weight:700}.note-center .tooltipContent[data-position=top]::before,.note-center .tooltipContent[data-aza-tooltip-position=top]::before{content:'';position:absolute;display:block;width:13px;height:8px;bottom:-8px;left:50%;margin-left:-6px;background:url("/frontend/image/tooltip-arrow-down.png") top left no-repeat}.note-center .tooltipContent[data-position=bottom]::before,.note-center .tooltipContent[data-aza-tooltip-position=bottom]::before{content:'';position:absolute;display:block;width:13px;height:8px;top:-7px;left:50%;margin-left:-6px;background:url("/frontend/image/tooltip_arrow.png") top left no-repeat}.note-center .tooltipContent.isAbsolute{position:absolute;z-index:999;background-color:#fff;border:1px solid #bfbfbf}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.ui-datepicker:after{content:"";position:absolute;border:8px solid transparent;border-bottom-color:#fff;top:-16px;left:33px}.ui-datepicker:before{content:"";position:absolute;border:8px solid transparent;border-bottom-color:#AEAEAE;top:-17px;left:33px}.ui-datepicker{display:none;border:1px solid #AEAEAE;border-radius:5px 5px 5px 5px;font-size:0.6875rem;margin-top:10px;padding:10px 0 0 0;z-index:100000003 !important;background:#fff repeat-x}.ui-datepicker-header{height:28px;padding:2px 10px}.ui-datepicker-title{color:#fff;float:left;font-size:0.875rem;line-height:1.125rem;text-align:center;font-weight:700;width:185px}.ui-datepicker-next,.ui-datepicker-prev{cursor:pointer;position:relative;display:block;float:left;height:25px;width:8px;font-size:0}.ui-datepicker-prev{background:url("/frontend/image/pagination_arrows.png") no-repeat -2px 3px}.ui-datepicker-prev:hover{background:url("/frontend/image/pagination_arrows.png") no-repeat -20px 3px}.ui-datepicker-next{background:url("/frontend/image/pagination_arrows.png") no-repeat -2px -29px}.ui-datepicker-next:hover{background:url("/frontend/image/pagination_arrows.png") no-repeat -20px -29px}.ui-datepicker-next{float:right}.ui-datepicker-prev.ui-state-disabled,.ui-datepicker-next.ui-state-disabled,.ui-datepicker-prev.ui-state-disabled:hover,.ui-datepicker-next.ui-state-disabled:hover{visibility:hidden}.ui-datepicker-title select{font-size:0.6275rem;border-color:#AEAEAE}.ui-datepicker-month{margin-right:8px}.ui-datepicker-calendar thead{height:26px;background-color:#F0F0F0}.ui-datepicker-calendar thead tr{border-bottom:0}.ui-datepicker-calendar thead th{padding:0}.ui-datepicker-calendar thead span{float:left;display:block;width:31px;color:#686c6e;font-size:0.6275rem;font-weight:normal;line-height:1.625rem;text-align:center}.ui-datepicker-calendar tbody td{clear:left;height:22px;padding:0}.ui-datepicker-calendar tbody a,.ui-datepicker-calendar tbody span{float:left;display:block;width:32px;height:30px;margin:0;color:#666;font-size:0.75rem;line-height:1.875rem;text-align:center;text-decoration:none;border-top:1px solid #eee;position:relative}.ui-datepicker-today .ui-state-default:before,.ui-datepicker-calendar .ui-state-hover:before,.ui-datepicker-calendar .ui-state-active:before{display:block;width:28px;height:28px;border-radius:50%;content:'';position:absolute;left:2px;top:1px;z-index:-1}.ui-datepicker-calendar .ui-state-hover:before{background:#ededed}.ui-datepicker-calendar .ui-state-hover:before{background:#ededed}.ui-datepicker-calendar .ui-state-active{color:#fff}.ui-datepicker-calendar .ui-state-active:before{background:#7CD980}.ui-datepicker-today .ui-state-default:before{width:26px;height:26px;border:1px solid #ccc}.ui-datepicker-today .ui-state-default.ui-state-active:before{border:1px solid #7ecc81}.ui-datepicker-calendar .ui-datepicker-unselectable span,.ui-datepicker-calendar .ui-datepicker-unselectable span:hover{background:#f7f7f7;color:#bfbfbf;cursor:not-allowed;font-weight:700}.ui-datepicker-calendar .ui-datepicker-other-month span,.ui-datepicker-calendar .ui-datepicker-other-month span:hover{background:#ededed;font-weight:normal}.ui-datepicker-calendar tr:nth-last-child(1) td:first-child a,.ui-datepicker-calendar tr:nth-last-child(1) td:first-child span{border-bottom-left-radius:4px}.ui-datepicker-calendar tr:nth-last-child(1) td:nth-last-child(1) a,.ui-datepicker-calendar tr:nth-last-child(1) td:nth-last-child(1) span{border-bottom-right-radius:4px}.note-center.section{width:100%}.note-center .filterBar{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;margin-bottom:20px}.note-center .filterBar h3{color:#555;font-size:0.8125rem;line-height:0.875rem;margin-top:-7px;margin-bottom:9px}.note-center .filterCompany{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:18px;border-right:solid 0.5px #E1E1E1}.note-center .filterColor{display:-ms-flexbox;display:flex;padding:0 18px;-ms-flex-align:center;align-items:center;border-right:solid 0.5px #E1E1E1}.note-center .filterColor button{width:17px;height:17px;margin-left:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 0.5px #d1d1d1;border-radius:50%}.note-center .filterColor button:first-child{margin-left:0}.note-center .filterColor button:hover,.note-center .filterColor button.is-selected{border-color:#9b9b9b}.note-center .filterColor button.is-selected{background-image:url("/frontend/image/checkmark-gray.svg");background-position:center center;background-repeat:no-repeat}.note-center .filterColor button:focus{outline:none}.note-center .filterColorOptions{display:-ms-flexbox;display:flex}.note-center .filterSort{display:-ms-flexbox;display:flex;padding:0 18px;-ms-flex-align:center;align-items:center}.note-center .filterSortOptions{display:-ms-flexbox;display:flex}.note-center .filterSortOption label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:16px;margin-right:25px;cursor:pointer;color:#555;font-size:0.75rem;line-height:1}.note-center .filterSortOption label svg{display:none;width:11px;height:16px;object-fit:contain;margin-right:5px;transition:all 200ms ease-in-out}.note-center .filterSortOption label.is-reversed svg{transform:rotateZ(180deg)}.note-center .filterSortOption label:hover{border-color:#9b9b9b}.note-center .filterSortOption input{display:none}.note-center .filterSortOption input:checked ~ label{color:#009949;font-weight:700}.note-center .filterSortOption input:checked ~ label svg{display:block}.note-center .noteGrid{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:start;align-items:flex-start;margin-right:-10px;position:relative}.note-center .noteGrid[style] .noteSizer{display:block}.note-center .noteGridCol{width:calc((100% / 3) - 11px);margin-right:10px}.note-center .noteSizer{display:none;width:calc((100% / 3) - 10px)}.note-center .noteBox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc((100% / 3) - 10px);margin:0 10px 10px 0;padding:20px 24px;position:relative;background:#efefef;box-shadow:inset 0 0 0 0 rgba(0,0,0,0.03)}.note-center .noteBox:before{display:block;content:" ";transition:all 200ms ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;background:white;z-index:-1}.note-center .noteBox:hover:before{box-shadow:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,0.25))}.note-center .noteBox.ng-enter{transition:all 200ms ease-in-out;opacity:0;transform:scale(0.5, 0.5)}.note-center .noteBox.ng-enter-stagger{transition-delay:100ms;transition-duration:0s}.note-center .noteBox.ng-enter.ng-enter-active{opacity:1;transform:scale(1, 1)}.note-center .noteBox.ng-leave{pointer-events:none}.note-center .masonry-ready .noteBox{margin-right:0}.note-center .noteGridCol .noteBox{width:100%;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.note-center .noteBoxContent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.note-center .noteHeader{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.note-center .noteHeader .calendarIcon{width:16px;height:16px;position:absolute;top:23px;right:23px;fill:#f58d67}.note-center .noteOrderbook{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;margin-top:-3px;margin-bottom:6px}.note-center .noteOrderbook .flag{-ms-flex:0 0 auto;flex:0 0 auto;margin-right:6px}.note-center .noteOrderbook a{font-size:1.375rem;line-height:1.2;color:#555}.note-center .noteDate{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-left:-2px;margin-bottom:20px}.note-center .noteDate .day{font-size:2.25rem;letter-spacing:-4px;color:#555}.note-center .noteDate .month{margin-left:8px;position:relative;top:1px;color:#555;font-size:0.875rem;line-height:1.1;text-transform:capitalize}.note-center .noteContentWrapper{-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;cursor:pointer}.note-center .noteContent{-ms-flex:1 1 auto;flex:1 1 auto;font-size:0.75rem;line-height:1.42;color:#555;margin-bottom:20px;white-space:pre-line;overflow:hidden}.note-center .noteContent.lineClamp.truncate{max-height:calc(1.42em * 3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.note-center .noteContent.lineClamp:not(.ng-animate){height:auto}.note-center .noteMeta{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:-49px;opacity:0;padding:8px 0;transition:all 200ms ease-in-out;border-top:solid 0.5px #787878}.note-center .is-expanded .noteMeta{margin-bottom:0;opacity:1}.note-center .noteMetaKey,.note-center .noteMetaValue{width:calc(100% / 3);-ms-flex:0 0 auto;flex:0 0 auto}.note-center .noteMetaKey:nth-of-type(2),.note-center .noteMetaValue:nth-of-type(2){text-align:center}.note-center .noteMetaKey:nth-of-type(3),.note-center .noteMetaValue:nth-of-type(3){text-align:right}.note-center .noteMetaKey{font-size:0.6275rem;-ms-flex-order:1;order:1}.note-center .noteMetaValue{font-size:0.6875rem;font-weight:700;-ms-flex-order:2;order:2}.note-center .noteFooter{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-pack:end;justify-content:flex-end;padding-top:10px;border-top:solid 0.5px #787878}.note-center .noteFooter button{margin-left:8px;width:25px;height:25px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;border:solid 0.5px #787878;background-color:transparent}.note-center .noteFooter button svg{fill:#787878;position:relative;top:1px}.note-center .noteFooter button:hover svg{fill:#6DC071}.note-center .newNoteBox{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:380px}.note-center .newNoteOrderbookSearch{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;position:relative}.note-center .newNoteOrderbookSearch input{border-radius:3px;background-color:#fff;border:solid 0.5px #e1e0e1}.note-center .newNoteOrderbookSearch ul{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:10;background-color:#fff;border:solid 0.5px #e1e0e1;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.note-center .newNoteOrderbookSearch li{display:-ms-flexbox;display:flex;padding:6px 4px;-ms-flex-item-align:center;align-self:center;cursor:pointer;border-top:1px #d4d5d6 solid}.note-center .newNoteOrderbookSearch li.ui-state-focus{background-color:#fafafa}.note-center .newNoteOrderbookSearch li .flag{-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:center;align-self:center}.note-center .newNoteTextarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto}.note-center .newNoteTextarea span{margin-top:5px;margin-bottom:2px;-ms-flex-item-align:end;align-self:flex-end;font-size:0.5625rem;line-height:1.78;color:#555;opacity:.4}.note-center .newNoteTextarea textarea{-ms-flex:1 1 auto;flex:1 1 auto;height:calc(1.33 * 11em);border:0;margin:0;padding:0;background-color:transparent;resize:none;font-size:0.75rem;line-height:1.33}.note-center .newNoteColors{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.note-center .newNoteColors button{-ms-flex:0 0 auto;flex:0 0 auto;width:17px;height:17px;margin-left:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:solid 0.5px #d1d1d1;border-radius:50%}.note-center .newNoteColors button:first-child{margin-left:0}.note-center .newNoteColors button:hover,.note-center .newNoteColors button.is-selected{border-color:#9b9b9b}.note-center .newNoteColors button.is-selected{background-image:url("/frontend/image/checkmark-gray.svg");background-position:center center;background-repeat:no-repeat}.note-center .newNoteColors button:focus{outline:none}.note-center .newNoteMeta{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;padding:9px 0;border-top:solid 0.5px #787878}.note-center .newNoteDate{display:-ms-flexbox;display:flex;width:auto;-ms-flex:1 1 0%;flex:1 1 0%}.note-center .newNoteDate input{border:0;background-color:transparent}.note-center .newNoteDate button{-ms-flex:0 0 auto;flex:0 0 auto;width:25px;height:25px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;border:solid 0.5px #787878;background-color:transparent}.note-center .newNoteDate button svg{width:14px;height:14px;fill:#787878;position:relative;top:1px}.note-center .newNoteFooter{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;padding-top:18px;border-top:solid 0.5px #787878}.note-center .newNoteFooter button{-ms-flex:1 1 0%;flex:1 1 0%;margin-left:16px}.note-center .newNoteFooter button:first-child{margin-left:0}.note-center .newNoteFooter button[disabled]{background-color:#ccc;color:#999}.note-center .newNoteFooter .invertedFocusBtn{background-color:transparent;border:solid 0.5px #787878;color:#787878;font-weight:normal}.note-center .blueBtn.withIcon{margin-left:auto;padding-right:14px;padding-left:30px;background-image:url("/frontend/image/icon-add.svg");background-repeat:no-repeat;background-position:10px -19px}@media (max-width: 767px){.rl .note-center .blueBtn.withIcon{height:36px}}.note-center .blueBtn.withIcon.is-active,.note-center .blueBtn.withIcon:active{background-position:10px -19px}.note-center .newNoteBox .ui-state-disabled{background-color:#F1F1F1}.note-center .tooltipContent{display:-ms-flexbox;display:flex}.note-center .filterAction{-ms-flex:1 1 0%;flex:1 1 0%;display:-ms-flexbox;display:flex}@media (max-width: 991px){.rl .note-center .filterBar{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:18px 13px 20px}.rl .note-center .noteGrid{margin:0 3px 0 13px}.rl .note-center .noteGridCol{width:100%}.rl .note-center .filterCompany{padding:0;margin:5px 0;border:0;width:100%;-ms-flex-order:1;order:1}.rl .note-center .filterColor{-ms-flex-order:3;order:3;-ms-flex:1 1 0%;flex:1 1 0%;border:0;padding:0}.rl .note-center .filterColor .filterColorOptions{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin:auto}.rl .note-center .filterSort{-ms-flex-order:2;order:2;width:100%;height:18px;margin:15px 0;padding:0}.rl .note-center .filterSort .filterSortOptions{-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-left:18px}.rl .note-center .filterSort .filterSortOption label svg{margin-right:-11px;position:relative;left:-15px}.rl .note-center .filterAction{-ms-flex-order:4;order:4;margin:5px 0}.rl .note-center .multiSelect{width:100%}.rl .note-center .multiSelect .multiSelectTrigger{height:48px;padding-left:16px}.rl .note-center .multiSelect .multiSelectTrigger .selectArrow{top:17px}}.note-center .notePhoneCol{display:none}.note-center .noteTabletCol{display:none}@media (max-width: 767px){.rl .note-center .notePhoneCol{display:block;width:100%}.rl .note-center .noteGridCol{display:none}.rl .note-center .noteBox{width:calc(100% - 10px)}.rl .note-center .filterColor button{width:22px;height:22px;margin-left:8px}}@media (min-width: 768px) and (max-width: 991px){.rl .note-center .noteTabletCol{display:block;width:50%}.rl .note-center .noteGridCol{display:none}.rl .note-center .noteBox{width:calc(100% - 10px)}.rl .note-center .filterBar{-ms-flex-align:center;align-items:center}.rl .note-center .filterSort{width:auto;margin-right:48px}.rl .note-center .noteGridCol{width:50%;padding:0 5px;margin:0}}
