/**
 * Blue: #008cba
 */
@font-face {
    font-family: 'cormorantgaramond-light';
    src: url('../fonts/CormorantGaramond-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-extrabold';
    src: url('../fonts/OpenSans-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans-light';
    src: url('../fonts/OpenSans-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

/*#region general-styles*/
body {
    color: #555;
    background: #fcfcfc;
    border-top:3px solid #008cba;
    font-size:13px;
}
body.dark {
    background: #333;
    color: #999;
}
body.dark .nav.nav-tabs {
    border-color: #666;
}
body.dark .nav.nav-tabs li.active a {
    background: #999;
    border-color: #999;
    color:white
}
body.dark .nav.nav-tabs li,
body.dark .nav.nav-tabs li a {
    background: #666;
    border-color: #666;
    color:white
}
body.dark .caret {
    border-top-color: white;
}
body.dark fieldset,
body.dark fieldset.writer,
body.dark fieldset.reader {
    background: #444;
    border-color: #555;
    color: white;
}
body.dark fieldset:hover {
    box-shadow: 0px 0px 8px 0px #000;
}
body.dark fieldset.exclamation {
    border-left:5px solid #be2d25;
}
body.dark fieldset.ok {
    border-left:5px solid #33b90a;
}
body.dark fieldset.question {
    border-left:5px solid #ffa400;
}
body.dark fieldset.info {
    border-left:5px solid #008cba;
}
body.dark fieldset:not(.info) .div:not(.note-new-input) .ql-editor {
    background: #222;
    color: white;
}
body.dark .multiSelect > button {
    color: white;
}
body.dark .shared-container {
    background: rgb(73, 73, 73);
    border-color: #222;
    color: #ccc;
}
body.dark .note-inner .note-time .note-time-highlight {
    color: white;
}
body.dark .modal-content {
    background: #222;
}
body.dark .modal-title {
    color: white;
}
body.dark .modal-header,
body.dark .modal-footer {
    border-color: #444;
    color: white;
}
body.dark .modal-body {
    background: #222;
}
body.dark .edit-note-title {
    color:white;
}
body.dark .note-option-bar .btn-option-bar {
    color: #666;
}
body.dark .note-option-bar .btn-option-bar .selected {
    color: white;
}
body.dark .mention {
    color: black;
}
body.dark .ql-mention-list-container {
    color: black;
}
body.dark .note-new-input {
    background-color:#efefef; 
    color:black;
}
body.dark .ql-editor span[style="background-color: rgb(255, 255, 204);"],
body.dark .ql-editor strong[style="background-color: rgb(255, 255, 204);"],
body.dark .ql-editor span[style="background-color: rgb(250, 204, 204);"],
body.dark .ql-editor strong[style="background-color: rgb(250, 204, 204);"] {
    color: black;
}
body.dark .thread-container .label {
    color:#efefef
}
body.dark .taglist-container,
body.dark .taglist-container ol.breadcrumb {
    background:#333;
    border-color: #666;
}
body.dark .tag-pin.selected,
body.dark .tag-star.selected {
    color:white;
}
body.dark ol.breadcrumb a.selected {
    color: white;
}
body.dark ol.breadcrumb .tag-badge.selected {
    background: white;
    color: black;
}
h1,
.note .ql-editor h1 {
    color: #333;
    font-size: 1.8em;
    padding: 10px 0 6px 0;
}
h2, 
.note .ql-editor h2
{
    color: #777;
    font-size: 1.6em;
    font-weight: 100;
}
h3,
.note .ql-editor h3 {
    color: #777;
    font-size: 1.3em;
    font-weight: normal;
}
h4,
.note .ql-editor h4 {
    color: #777;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: underline;
}
h5,
.note .ql-editor h5 {
    color: #777;
    font-size: 1.6em;
    font-weight: normal;
    text-decoration: underline;
}
a.link {
    color: black;
}
/*#endregion*/
input:active,
input:focus,
input:visited {
    background-image: none;
    border: 0;
    outline: none;
}
.angular-lightbox-overlay {
    z-index:1100 !important;
}
.editmode textarea {
    border: 0;
    box-shadow: none;
    padding: 40px;
    resize: vertical;
}
.row-spacing {
    margin-top: 10px;
}
.option-bar {
    border-bottom: 1px solid #ccc;
    font-size: 0.8em;
    /* padding-bottom: 5px; */
    /* box-shadow: 0px 0px 8px 0px #ccc; */
    height: 30px;
}
.print-date {
    font-weight: bold;
}
/*#region checkboxlayer isteven*/
.checkboxLayer .inputFilter {
    font-size: 11px;
}
/*#endregion*/
/*#region fieldset*/
fieldset {
    background:white;
    border:1px solid #c5c5c5;
    border-radius:5px; 
    cursor:pointer; 
    padding:10px;
}
fieldset:hover {
    background:white;
    box-shadow: 0px 0px 8px 0px #ccc;
}
fieldset > legend {
    background: rgba(255, 255, 255, 0.7);
    border:0; 
    border-radius:5px;
    font-size:13px; 
    width:auto; 
    margin-bottom:10px; 
    padding:0 10px;
}
fieldset.exclamation {
    border-left:5px solid #be2d25;
}
fieldset.ok {
    border-left:5px solid #33b90a;
}
fieldset.question {
    border-left:5px solid #ffa400;
}
fieldset.info {
    border-left:5px solid #008cba;
}
/*#endregion*/
/*#region page divider*/
 .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	font-size: 0;
	line-height: 0;
}
.arrow-down.dark {
	border-top: 20px solid #222;
}
.arrow-down.black {
	border-top: 20px solid #000;
}
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
	font-size: 0;
	line-height: 0;
}
.arrow-up.black {
	border-bottom: 20px solid #000;
}
.arrow-up.dark {
	border-bottom: 20px solid #222;
}
/*#endregion*/
/*#region display inline filter bar*/
.display-inline-filter-bar {
    /* height:30px;  */
    margin:10px 0;
}
.display-inline-filter-bar > .btn {
    border-radius:8px; 
    cursor:pointer;
    margin-bottom: 2px;
    padding:2px 6px 2px 2px;
}
.display-inline-filter-bar > .btn-group > .btn {
    border-radius:8px; 
    cursor:pointer;
    margin-bottom: 2px;
    padding:2px 6px 2px 2px;
}
.display-inline-filter-bar > .btn > .glyphicon,
.display-inline-filter-bar > .btn-group > .btn > .glyphicon {
    padding:8px 4px 8px 8px;
}
.display-inline-filter-bar > .btn:hover,
.display-inline-filter-bar > .btn.selected,
.display-inline-filter-bar > .btn-group > .btn:hover,
.display-inline-filter-bar > .btn-group > .btn.selected {
    background-color:#008cba;
    color:white;
}
.display-inline-filter-bar .btn.exclamation:hover,
.display-inline-filter-bar .btn.exclamation.selected {
    background-color:#be2d25;
    color:white;
}
.display-inline-filter-bar .btn.ok:hover,
.display-inline-filter-bar .btn.ok.selected {
    background-color:#33b90a;
    color:white;
}
.display-inline-filter-bar .btn.question:hover,
.display-inline-filter-bar .btn.question.selected {
    background-color:#ffa400;
    color:white;
}
.display-inline-filter-bar .btn.info:hover,
.display-inline-filter-bar .btn.info.selected {
    background-color:#008cba;
    color:white;
}
/*#endregion*/
/*#region dropdown-menu*/
 .dropdown-menu.created-time {
    border-bottom: 0;
    border-radius: 8px;
    min-width: auto;
}
/*#endregion*/
/*#region header-link*/
.header-link {
    border-right:1px solid #ccc; 
    cursor:pointer; 
    float:left; 
    height: 30px;
    padding:7px 10px 5px 10px;
}
.header-link.shady {
    background-color:#f7f7f7;
}
.header-link:not(.search-input-container):hover {
    background-color: #008cba;
    color: white;
}
.header-link.danger:hover {
    background-color: red;
    color: white;
}
.header-link.selected {
    background-color: #008cba;
    color: white;
}
.note-option-bar {
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 15px 10px -14px #999;    
    margin-top: 10px;
    padding-bottom: 10px;
}
/*#endregion */
/*#region boxed*/
.create-note-boxed fieldset {
    background: white;
}
.edit-note-boxed .note-option-bar,
.create-note-boxed .note-option-bar {
    border-bottom:0;
    box-shadow:none;
}
.edit-note-title {
    color:black;
}

/*#endregion*/
/*#region images*/
.paste-image {
    background:white; 
    border: 2px dashed #ddd; 
    border-radius: 8px; 
    float: left; 
    margin-right: 5px; 
    min-height: 80px; 
    min-width: 200px; 
    padding: 18px 10px; 
    position: relative;
}
.paste-image-preview {
    background-size: cover; 
    background-repeat: no-repeat; 
    border:1px solid #ccc; 
    border-radius:8px; 
    color:red; 
    cursor:pointer; 
    float:left; 
    height:80px; 
    margin-right:5px; 
    position:relative; 
    width:80px;
}
/*#endregion*/
/*#region loader*/
.loader {
    height: 20px;
    width: 20px;
    background-image: url(../content/images/loader1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}
/*#endregion*/
/*#region meeting*/
.meeting-title {
    display: table;
    white-space: nowrap;
} 
.meeting-title:after {
  border-top: 1px solid #ddd;
  content: '';
  display: table-cell;
  position: relative;
  top: 12px;
  width: 100%;
}
.meeting-title:after { left: 0; }
/*#endregion*/
/*#region modal*/
.modal-backdrop {
    background-color:#333;
}
.modal-backdrop.in {
    opacity: 0.95;
}
.modal-content {
    border-radius:8px;
    border-width:0;
}
.modal-body {
    background:#fcfcfc; 
    margin-top:0
}
/*#endregion*/
/*#region multiselect*/
.multiSelect > button {
    background-color: inherit;
    background-image: none;
    border-radius: 0;
    border: 0;
    color: black;
    font-size: 75%;
    min-height:28px !important;
    padding: 0;
}
.multiSelect > button:hover {
    background-image: none;
}
.multiSelect > button:active,
.multiSelect > button:focus,
.multiSelect > button:visited {
    background-image: none;
    border: 0;
    border-color: white;
    outline-color: white;
}
/*#endregion*/
/*#region ng-quill ql-editor*/
[ng-quill-editor] { 
    display: block; 
}
.ql-editor {
    font-size: 13px;
    line-height: 23px !important;
    min-height: 23px;
    overflow-x: hidden;
    padding: 0 !important;
}
.ql-editor.ql-blank::before {
    left: 2px !important;
    font-size: small;
    padding-top: 2px;
}
.ql-editor.preview > * {
    cursor: pointer !important;
}
/*#endregion*/
/*#region note*/
.note-new-input {
    background-color:#efefef; 
    border: 1px solid #ddd;
    border-radius: 8px; 
    margin: 0;
    min-height: 43px;
    padding: 10px 5px;
}
.note-option-bar .btn-option-bar:active,
.note-option-bar .btn-option-bar:focus,
.note-option-bar .btn-option-bar:visited {
    background-image: none;
    border: 0;
    outline: none;
}
.note-option-bar .btn-option-bar .selected {
    color: black;
}
.note-option-bar .btn-option-bar {
    border: 0;
    color: #ccc;
    padding: 2px 5px 2px 5px;
}
.note-option-bar .btn-option-bar.btn-submit {
    color: black;
}
.note-content p:last-child {
    display:none;  
}
.note-container {
    background-color: white;
    border-left: 5px solid #f7f7f7;
    cursor: pointer;
    /* border-right: 3px solid #f7f7f7; */
    /* padding-left: 5px; */
    padding-top: 5px;
}
.note-container.exclamation {
    border-color: #be2d25;
    /* background-color: #f9eae9; */
    background-color: white;
}
.note-container.info {
    border-color: #008cba;
    /* background-color: #fffee6; */
    background-color: white;
}
.note-container.ok {
    border-color: #33b90a;
    /* background-color: #ebf8e7; */
    background-color: white;
}
.note-container.question {
    border-color: #ffa400;
    /* background-color: #fff6e6; */
    background-color: white;
}
.note-container:hover {
    background-color: white;
    border-left: 5px solid #ccc;
    /* border-right: 3px solid #008cba; */
    /* padding-left: 5px; */
}
.note-container .note {
    cursor: pointer !important;
}
.note-container.note-filter-bar {
    min-height: 21px;
}
.note-container.note-filter-bar:hover .note-pin {
    cursor: pointer;
    display: inline !important;
}
.note-filter-bar.meeting-title {
    display: table;
    white-space: nowrap;
} 
.note-filter-bar.meeting-title:after {
  border-top: 1px solid #ddd;
  content: '';
  display: table-cell;
  position: relative;
  top: 12px;
  width: 100%;
}
.note-filter-bar.meeting-title:after { 
    left: 0; 
}
.note-edit {
    /* border-left:3px solid #ccc; 
    border-right:0px solid #ccc; 
    padding:40px */
}
.note-inner .note-time {
    color: #999;
    font-size: 75%;
    padding: 3px 10px 0 0;
}
.note-inner .note-time .note-time-highlight {
    color:black;
    font-weight: bold;
}
.note-inner .note-pin {
    display: none;
}
.note-inner .note-pin.pinned {
    display: inline;
}
.note-inner fieldset.reader {
    background-color: #f5f5f5;
}
.note-inner fieldset.writer {
    background-color: #fcfcfc;
}
/*#endregion */
/*#region popover*/
.popover {
    background-color: white !important;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.popover ul {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}
.popover ul > li {
    line-height:1.8em;
}
.popover a {
    color: black;
}
.popover.bottom > .arrow {
    /* display: none; */
    border-bottom-color:#ccc;
}
.popover.bottom>.arrow:after {
    border-bottom-color: white;
}
/*#endregion*/
/*#region quick-meeting*/
.quick-meeting {
    width: 100%;
}
.quick-meeting .note-new-input input {
    background-color: #efefef;
}
.quick-meeting .note-new-input input::placeholder {
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-style:italic;
}
/*#endregion*/
/*#region search-input*/
.search-input-container {
    /* background-color:#f7f7f7;  */
    padding:0 5px; 
    width:250px
}
.search-input-container > input {
    background-color: #efefef;
    border-radius: 8px; 
    height: 26px; 
    margin-top: 2px;
    padding: 2px 10px;
}
/*#endregion*/
/*#region screen-size-...*/
.screen-size-small .print-date {
    padding-left: 20px;
}
.screen-size-small .row.note-inner {
    margin: 0 10px;
}
.screen-size-small .note-inner .note-time {
    padding:0;
}
.screen-size-small .note-edit {
    padding: 20px 10px;
}
.screen-size-small .tag-search {
    padding: 20px 10px 0 10px;
}
.screen-size-small .logo-container {
    display: none;
}
.screen-size-small .screen-size-small-hidden {
    display: none;
}
.screen-size-small .search-input-container {
    width: 100px;
}
/*#endregion*/
/*#region slider*/
.switch {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    margin:0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 3px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 0px;
  top: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider.include {
  background-color: #000; /* #2196F3; */
}
.slider.include:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.slider.round {
  border-radius: 12px;
}
.slider.round:before {
  border-radius: 50%;
}
/*#endregion*/
/*#region summary sidebar*/
.summary-cal {
    width: 100%;
}
.summary-cal td,
.summary-cal th {
    cursor: pointer;
    font-size:11px;
    /* padding:2px; */
    text-align:center;
}
.summary-cal td > span {
    /* border-radius:20px; */
    padding: 2px;
}
.summary-cal td > .today {
    background-color:#008cba;
    color:white;
}
.summary-cal td > .selected {
    background-color:red;
    color:white;
}
.summary-cal tbody tr td:first-child {
    color:#aaa;
    font-size:10px;
    font-style:normal;
}
.summary-cal tbody tr td:nth-child(7),
.summary-cal tbody tr td:nth-child(8) {
    background-color:#efefef;
}
/*#endregion*/
/*#region tag-space */
.tag-space .input-group {
    background-color:#efefef; 
    border:1px solid #ccc; 
    border-radius: 8px; 
    /* margin: 0 -7px; */
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1px 5px 1px 5px;
}
.tag-section-head {
    border-bottom:1px solid #ccc; 
    cursor: pointer;
    font-size: small;
    font-weight:bold;
    padding-top:15px;
}
.tag {
    color:#008cba;
    cursor: pointer;
}
.badge.tag-badge {
    background-color: #008cba;
    font-size: 9px;
    padding: 5px 6px 4px 6px;
}
.tag-pill {
    font-size: small;
    list-style-type:none; 
    padding:5px 0;
}
.tag-pill  > li {
    color: #999;
    padding: 3px 0 3px 2px;
}
.tag-pill > .active {
    background-color:#008cba !important;
    border-radius:3px;
    color: white !important;
}
.tag-pin,
.tag-star,
.tag-edit {
    color: #999;
    display: none;
    float: right;
    margin-left: 5px;;
    padding-top:5px;
}
.tag-pin.pinned,
.tag-star.starred {
    display: inline;
}
.tag-pin.selected,
.tag-star.selected {
    color:black;
}
.tag-pill > li:hover > .tag-pin,
.tag-pill > li:hover > .tag-star, 
.tag-pill > li:hover > .tag-edit {
    cursor: pointer;
    display: inline;
}
.tag-selected {
    cursor: pointer;
}
/*#endregion */
/*#region taglist*/
.taglist-container {
    background:#f5f5f5; 
    border: 1px dashed #ccc; 
    border-radius:0px; 
    margin-bottom:10px; 
    padding:10px
}
.taglist-container ol.breadcrumb {
    font-weight: inherit;
}
/*#endregion*/
/*#region thread*/
.thread {
    background-color:#efefef; 
    border: 1px solid #ddd;
    border-radius: 8px; 
    margin: 20px 0 10px 0;
    padding: 5px;
}
.thread-container {
    border-left:5px solid #f7f7f7; 
    margin:0 0 0 10px; 
    padding:10px
}
.thread-container .label {
    color:#333;
}
/*#endregion */
/*#region uib-datepicker*/
.uib-datepicker-popup {
    border-radius: 8px;
}
.uib-datepicker:active,
.uib-datepicker:focus,
.uib-datepicker:visited {
    background-image: none;
    border: 0;
    outline: none;
}
.uib-datepicker-popup.dropdown-menu {
    border-top: 0;
    margin-top: 5px;
}
.uib-datepicker-popup .dropdown-menu,
.uib-datepicker-popup .btn.uib-left {
    border-top-left-radius: 8px;
}
.uib-datepicker-popup.dropdown-menu,
.uib-datepicker-popup .btn.uib-right {
    border-top-right-radius: 8px;
}
tr:last-child > td.uib-day:last-child > .btn-default {
    border-bottom-right-radius: 8px;
}
.uib-daypicker {
    color: black;
}
.uib-daypicker thead th .btn-default {
    background-color: #f1f1f1;
}
[uib-datepicker-popup-wrap] {
    float:left;
    font-size: 12px;
}
.uib-button-bar {
    display: none;
}
.uib-day > .btn-default:not(.active) {
    background-color: #fff;
    border-color: #efefef;
}
/*#endregion*/
.shared-container {
    background:#f5f5f5; 
    border-top:1px solid #ccc; 
    color:#333; 
    margin:10px -10px -10px -10px;
}
.shared-container .shared {
    font-size:10px; 
    padding:7px 10px 10px 10px
}
li.ql-mention-list-item {
    font-size:12px;
    /* line-height:26px; */
    /* top:30px !important; */
}