.ql-container {
box-sizing: border-box;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
height: 100%;
margin: 0px;
position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
pointer-events: none;
}
.ql-clipboard {
left: -100000px;
height: 1px;
overflow-y: hidden;
position: absolute;
top: 50%;
}
.ql-clipboard p {
margin: 0;
padding: 0;
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
height: 100%;
outline: none;
overflow-y: auto;
padding: 12px 15px;
tab-size: 4;
-moz-tab-size: 4;
text-align: left;
white-space: pre-wrap;
word-wrap: break-word;
}
.ql-editor>* {
cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
}
.ql-editor ol>li,
.ql-editor ul>li {
list-style-type: none;
}
.ql-editor ul>li::before {
content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
pointer-events: none;
}
.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
color: #777;
cursor: pointer;
pointer-events: all;
}
.ql-editor ul[data-checked=true]>li::before {
content: '\2611';
}
.ql-editor ul[data-checked=false]>li::before {
content: '\2610';
}
.ql-editor li::before {
display: inline-block;
white-space: nowrap;
width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
margin-left: -1.5em;
margin-right: 0.3em;
text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
margin-left: 0.3em;
margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
padding-right: 1.5em;
}
.ql-editor ol li {
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
counter-increment: list-0;
}
.ql-editor ol li:before {
content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
padding-right: 28.5em;
}
.ql-editor .ql-video {
display: block;
max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
background-color: #000;
}
.ql-editor .ql-bg-red {
background-color: #e60000;
}
.ql-editor .ql-bg-orange {
background-color: #f90;
}
.ql-editor .ql-bg-yellow {
background-color: #ff0;
}
.ql-editor .ql-bg-green {
background-color: #008a00;
}
.ql-editor .ql-bg-blue {
background-color: #06c;
}
.ql-editor .ql-bg-purple {
background-color: #93f;
}
.ql-editor .ql-color-white {
color: #fff;
}
.ql-editor .ql-color-red {
color: #e60000;
}
.ql-editor .ql-color-orange {
color: #f90;
}
.ql-editor .ql-color-yellow {
color: #ff0;
}
.ql-editor .ql-color-green {
color: #008a00;
}
.ql-editor .ql-color-blue {
color: #06c;
}
.ql-editor .ql-color-purple {
color: #93f;
}
.ql-editor .ql-font-serif {
font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
font-size: 0.75em;
}
.ql-editor .ql-size-large {
font-size: 1.5em;
}
.ql-editor .ql-size-huge {
font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
direction: rtl;
text-align: inherit;
}
.ql-editor .ql-align-center {
text-align: center;
}
.ql-editor .ql-align-justify {
text-align: justify;
}
.ql-editor .ql-align-right {
text-align: right;
}
.ql-editor.ql-blank::before {
color: rgba(0, 0, 0, 0.6);
content: attr(data-placeholder);
font-style: italic;
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
clear: both;
content: '';
display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
background: none;
border: none;
cursor: pointer;
display: inline-block;
float: left;
height: 24px;
padding: 3px 5px;
width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
float: left;
height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
stroke: #06c;
}
@media (pointer: coarse) {
.ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #444;
}
}
.ql-snow {
box-sizing: border-box;
}
.ql-snow * {
box-sizing: border-box;
}
.ql-snow .ql-hidden {
display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
visibility: hidden;
}
.ql-snow .ql-tooltip {
position: absolute;
transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
cursor: pointer;
text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
transform: translateY(-10px);
}
.ql-snow .ql-formats {
display: inline-block;
vertical-align: middle;
}
.ql-snow .ql-formats:after {
clear: both;
content: '';
display: table;
}
.ql-snow .ql-stroke {
fill: none;
stroke: #444;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
fill: none;
stroke: #444;
stroke-miterlimit: 10;
stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
fill: #444;
}
.ql-snow .ql-empty {
fill: none;
}
.ql-snow .ql-even {
fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
stroke-width: 1;
}
.ql-snow .ql-transparent {
opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
display: none;
}
.ql-snow .ql-editor h1 {
font-size: 2em;
}
.ql-snow .ql-editor h2 {
font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
font-size: 1em;
}
.ql-snow .ql-editor h5 {
font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
font-size: 0.67em;
}
.ql-snow .ql-editor a {
text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
background-color: #f0f0f0;
border-radius: 3px;
}
.ql-snow .ql-editor pre {
white-space: pre-wrap;
margin-bottom: 5px;
margin-top: 5px;
padding: 5px 10px;
}
.ql-snow .ql-editor code {
font-size: 85%;
padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
background-color: #23241f;
color: #f8f8f2;
overflow: visible;
}
.ql-snow .ql-editor img {
max-width: 100%;
}
.ql-snow .ql-picker {
color: #444;
display: inline-block;
float: left;
font-size: 14px;
font-weight: 500;
height: 24px;
position: relative;
vertical-align: middle;
}
.ql-snow .ql-picker-label {
cursor: pointer;
display: inline-block;
height: 100%;
padding-left: 8px;
padding-right: 2px;
position: relative;
width: 100%;
}
.ql-snow .ql-picker-label::before {
display: inline-block;
line-height: 22px;
}
.ql-snow .ql-picker-options {
background-color: #fff;
display: none;
min-width: 100%;
padding: 4px 8px;
position: absolute;
white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
cursor: pointer;
display: block;
padding-bottom: 5px;
padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
color: #ccc;
z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
display: block;
margin-top: -1px;
top: 100%;
z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
height: 24px;
width: 24px;
padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
padding: 3px 5px;
width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
border: 1px solid transparent;
float: left;
height: 16px;
margin: 2px;
padding: 0px;
width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
position: absolute;
margin-top: -9px;
right: 0;
top: 50%;
width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
background-color: #000;
}
.ql-toolbar.ql-snow {
border: 1px solid #ccc;
box-sizing: border-box;
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
border: 1px solid transparent;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
border-color: #000;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow {
border-top: 0px;
}
.ql-snow .ql-tooltip {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0px 0px 5px #ddd;
color: #444;
padding: 5px 12px;
white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
content: "Visit URL:";
line-height: 26px;
margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
display: none;
border: 1px solid #ccc;
font-size: 13px;
height: 26px;
margin: 0px;
padding: 3px 5px;
width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
display: inline-block;
max-width: 200px;
overflow-x: hidden;
text-overflow: ellipsis;
vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
border-right: 1px solid #ccc;
content: 'Edit';
margin-left: 16px;
padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
content: 'Remove';
margin-left: 8px;
}
.ql-snow .ql-tooltip a {
line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
border-right: 0px;
content: 'Save';
padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
content: "Enter video:";
}
.ql-snow a {
color: #06c;
}
.ql-container.ql-snow {
border: 1px solid #ccc;
}.completions{list-style:none;margin:0;padding:0;background:#fff;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,.25);max-height:215px;max-width:250px;overflow:auto;border:1px solid #cbd6e0;border-radius:0 0 3px 3px;box-shadow:0 8px 20px -2px rgba(0,0,0,.25)}.completions>li{margin:0;padding:0;border-bottom:1px solid #f2f4f6;display:block}.completions>li>button{box-sizing:border-box;margin:0;display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:8px 12px}.completions>li.active>button{background:#1d7bde}.completions>li.active>button span{color:#fff}.completions>li>button>.mention--username{font-weight:600;font-size:15px}.completions>li>button>.mention--name{color:#64707b;margin-left:4px}.completions>li>button>.matched{font-weight:700;color:#000}.completions>li>button>*{vertical-align:"middle"}.textarea-mention-control{width:25px;height:25px;right:10px;top:7px;z-index:4}.zpm-absolute {
display: absolute;
}
.zpm-align-right {
margin-left: auto;
}
.zpm-align-left {
margin-right: auto;
}
.zpm-align-top {
margin-bottom: auto;
}
.zpm-align-bottom {
margin-top: auto;
}
.zpm-pa-sm {
padding: 0.5rem;
}
.zpm-pa-md {
padding: 1rem;
}
.zpm-pa-lg {
padding: 1.5rem;
}
.zpm-pa-xl {
padding: 2rem;
}
.zpm-pt-sm {
padding-top: 0.5rem;
}
#zpm_chat_message {
overflow: auto;
}
.zpm-pt-md {
padding-top: 1rem;
}
.zpm-pt-lg {
padding-top: 1.5rem;
}
.zpm-pt-xl {
padding-top: 2rem;
}
.zpm-pb-sm {
padding-bottom: 0.5rem;
}
.zpm-pb-md {
padding-bottom: 1rem;
}
.zpm-pb-lg {
padding-bottom: 1.5rem;
}
.zpm-pb-xl {
padding-bottom: 2rem;
}
.zpm-pl-sm {
padding-left: 0.5rem;
}
.zpm-pl-md {
padding-left: 1rem;
}
.zpm-pl-lg {
padding-left: 1.5rem;
}
.zpm-pl-xl {
padding-left: 2rem;
}
.zpm-pr-sm {
padding-right: 0.5rem;
}
.zpm-pr-md {
padding-right: 1rem;
}
.zpm-pr-lg {
padding-right: 1.5rem;
}
.zpm-pr-xl {
padding-right: 2rem;
}
.zpm-ph-sm {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.zpm-ph-md {
padding-left: 1rem;
padding-right: 1rem;
}
.zpm-ph-lg {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.zpm-ph-xl {
padding-left: 2rem;
padding-right: 2rem;
}
.zpm-pv-sm {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.zpm-pv-md {
padding-top: 1rem;
padding-bottom: 1rem;
}
.zpm-pv-lg {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.zpm-pv-xl {
padding-top: 2rem;
padding-bottom: 2rem;
}
.zpm-ma-sm {
margin: 0.5rem;
}
.zpm-ma-md {
margin: 1rem;
}
.zpm-ma-lg {
margin: 1.5rem;
}
.zpm-ma-xl {
margin: 2rem;
}
.zpm-mt-sm {
margin-top: 0.5rem;
}
.zpm-mt-md {
margin-top: 1rem;
}
.zpm-mt-lg {
margin-top: 1.5rem;
}
.zpm-mt-xl {
margin-top: 2rem;
}
.zpm-mb-sm {
margin-bottom: 0.5rem;
}
.zpm-mb-md {
margin-bottom: 1rem;
}
.zpm-mb-lg {
margin-bottom: 1.5rem;
}
.zpm-mb-xl {
margin-bottom: 2rem;
}
.zpm-ml-sm {
margin-left: 0.5rem;
}
.zpm-ml-md {
margin-left: 1rem;
}
.zpm-ml-lg {
margin-left: 1.5rem;
}
.zpm-ml-xl {
margin-left: 2rem;
}
.zpm-mr-sm {
margin-right: 0.5rem;
}
.zpm-mr-md {
margin-right: 1rem;
}
.zpm-mr-lg {
margin-right: 1.5rem;
}
.zpm-mr-xl {
margin-right: 2rem;
}
.zpm-mh-sm {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.zpm-mh-md {
margin-left: 1rem;
margin-right: 1rem;
}
.zpm-mh-lg {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.zpm-mh-xl {
margin-left: 2rem;
margin-right: 2rem;
}
.zpm-mv-sm {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.zpm-mv-md {
margin-top: 1rem;
margin-bottom: 1rem;
}
.zpm-mv-lg {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.zpm-mv-xl {
margin-top: 2rem;
margin-bottom: 2rem;
}
.zpm-grid {
max-width: 1335px;
margin: 0 auto;
}
.zpm-grid__row {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.zpm-grid__cell {
height: 200px;
flex-basis: 20%;
-ms-flex: auto;
width: 259px;
position: relative;
padding: 10px;
box-sizing: border-box;
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.zpm-grid__md .zpm-grid__cell {
flex-basis: 33.333%;
height: 260px;
}
.zpm-grid__card {
position: relative;
border: 1px solid #333;
height: 100%;
}
@media(max-width: 1333px) {
.zpm-grid__cell,
.zpm-grid__md .zpm-grid__cell {
flex-basis: 33.33%;
}
}
@media(max-width: 1073px) {
.zpm-grid__cell,
.zpm-grid__md .zpm-grid__cell {
flex-basis: 33.33%;
}
}
@media(max-width: 815px) {
.zpm-grid__cell,
.zpm-grid__md .zpm-grid__cell {
flex-basis: 50%;
}
}
@media(max-width: 555px) {
.zpm-grid__cell,
.zpm-grid__md .zpm-grid__cell {
flex-basis: 100%;
}
}
.zpm-card,
.zpm-grid__card {
height: 100%;
padding: 10px;
box-sizing: border-box;
background: #fff;
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border-radius: 3px;
border: 1px solid #ddd;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.zpm-card:hover,
.zpm-grid__card:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.07), 0 6px 6px rgba(0, 0, 0, 0.07);
}
.zpm-category-card {
color: #fff;
cursor: pointer;
border: none;
}
.zpm-category-card__name {
font-size: 15px;
font-weight: bold;
margin: 5px;
}
.zpm-category-card__description {
font-size: 13px;
opacity: .9;
margin: 5px;
}
.zpm-category-card__count {
position: absolute;
bottom: 20px;
right: 25px;
opacity: .9;
font-size: 12px;
}
.zpm-grid__cell {
text-decoration: none !important;
outline: none;
box-shadow: none;
}
.zpm-grid__cell:focus,
.zpm-grid__cell:hover,
.zpm-grid__cell:active,
.zpm-grid__cell:visited {
color: #fff;
outline: none;
box-shadow: none;
transform: translateY(-1px);
}
#zpm-header-breadcrumb {
margin: 15px;
font-size: 16px;
}
#zpm-header-description {
margin-left: 15px;
font-size: 13px;
}
.zpm-header-back,
.zephyr-frontend-manager-template .zpm-header-back {
outline: none;
font-size: 12px;
color: #333 !important;
margin-right: 5px;
box-shadow: none;
text-decoration: none !important;
}
.zpm-header-back:focus,
.zpm-header-back:active,
.zpm-header-back:hover,
.zpm-header-back:visited {
outline: none;
box-shadow: none;
text-decoration: none !important;
}
.zpm_add_project #zpm-header-description {
margin-left: 2px;
color: #777;
}
#zpm_project_modal #zpm_new_project__categories_chosen {
box-sizing: border-box;
max-width: 700px !important;
padding: 0 !important;
margin: 0 !important;
text-align: left;
}
.zpm-new-project__field {
text-align: left;
margin-top: 20px;
}
#zpm-new-project__fields {
margin-top: 15px;
}
#zpm_new_task_team_selection_chosen,
#zpm_new_task_project_chosen {
padding: 0 !important;
}
#zpm_new_task_assignee_chosen {
margin-bottom: 0 !important;
}
#zpm_new_task_project_chosen {
margin-bottom: 0 !important;
}
.zpm-fa-icon {
font-size: 18px;
cursor: pointer;
color: #707070;
}
#zpm-project-view__archived {
margin-right: 8px;
border-right: 1px solid #ccc;
padding-right: 10px;
}
.zpm-project-view__option {
margin-right: 4px;
}
#zpm-project-view__title {
line-height: 18px;
display: inline-block;
vertical-align: top;
height: 100%;
margin-left: 10px;
}
.zpm-project-title__icon {
margin-right: 7px;
}
.zpm_project_description {
white-space: pre-wrap !important;
}
.zpm_project_stat {
width: calc(100% / 3) !important;
}
#zpm_project_progress {
display: flex !important;
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
.ui-timepicker-div dl {
text-align: left;
}
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 40%;
}
.ui-timepicker-div td {
font-size: 90%;
}
.ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
.ui-timepicker-div .ui_tpicker_unit_hide {
display: none;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
background: none;
color: inherit;
border: none;
outline: none;
border-bottom: solid 1px #555;
width: 95%;
}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
border-bottom-color: #aaa;
}
.ui-timepicker-rtl {
direction: rtl;
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0;
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right;
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px;
} .ui-timepicker-div.ui-timepicker-oneLine {
padding-right: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
display: none;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
display: block;
padding-top: 2px;
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
text-align: right;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
display: inline-block;
margin: 0;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
content: ':';
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
content: '.';
display: inline-block;
}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
display: none;
}
.ui_tpicker_time_label,
.ui_tpicker_hour_label,
.ui_tpicker_minute_label {
font-size: 12px;
color: #ccc;
height: 100%;
}
.ui_tpicker_hour .ui-slider-handle,
.ui_tpicker_minute .ui-slider-handle {
cursor: pointer !important;
}
.ui_tpicker_hour_slider,
.ui_tpicker_minute_slider {
border: 1px solid #ddd !important;
}
.ui_tpicker_time_input {
border: none !important;
border-bottom: 1px solid #eee !important;
box-shadow: none !important;
}
.ui-datepicker .ui-datepicker-buttonpane {
border: none !important;
border-top: 1px solid #eee !important;
;
}
.ui-datepicker-buttonpane button {
font-size: 14px !important;
font-weight: normal !important;
}
.zpm-form__inline span {
min-width: 100px !important;
display: inline-block !important;
}
#zpm-task__header-buttons {
width: 100%;
position: absolute;
width: 100%;
height: 200px;
text-align: right;
}
.zpm-button__error {
background: #ff0000 !important;
}
.zpm-button__error:hover {
background: #f56565 !important;
}
.zpm-badge {
border: 2px solid #3D4DC6;
color: #3D4DC6;
padding: 7px 13px;
border-radius: 3px;
}
.zpm-hover__shadow {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 2px rgba(0, 0, 0, 0.07);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.zpm-hover__shadow:hover {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09), 0 1px 10px rgba(0, 0, 0, 0.06);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.zpm-hover__rise:hover {
transform: translateY(-2px);
}
.zpm-tab__content,
#zpm_task_view .zpm-tab__content {
padding: 15px !important;
padding-top: 0 !important;
}
.zpm-files__container {
display: flex;
flex-wrap: wrap;
}
.zpm-files__container .zpm-file-item {
flex: 1;
flex-basis: 20%;
padding: 10px;
box-sizing: border-box;
}
.zpm-files__container .zpm-file {
border: 1px solid #eee;
padding: 10px;
box-sizing: border-box;
}
.zpm-files__container .zpm-file a {
height: fit-content;
display: block;
text-align: center;
}
#zpm_create_task.hide-content .zpm_modal_body {
display: none;
}
#zpm_create_task.hide-content {
background: #f4f4f4;
max-height: 500px !important;
overflow: auto;
padding-bottom: 0 !important;
}
.zpm_modal_header {
background: #fff;
}
.zpm-grid-list {
padding: 20px;
}
.zpm-modal-subheading {
margin: 0;
margin-bottom: 20px;
font-size: 14px;
padding-left: 5px;
}
.zpm-grid-list__item {
padding: 10px;
margin-bottom: 10px;
background: #fff;
border-radius: 3px;
border: 2px solid #fff;
cursor: pointer;
transition: color .2s ease-in-out, border-color .2s ease-in-out;
position: relative;
}
#zpm-template-picker__loading {
position: absolute;
right: 10px;
}
#zpm-task-parents__breadcrumbs {
opacity: .4;
}
.zpm-breadcrumb-separator {
margin: 0 5px;
}
.zpm-task-preview__subtask {
max-height: 35px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zpm_subtask_item {
max-height: 45px;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
overflow-x: hidden;
padding-right: 70px !important;
display: block;
}
#zpm_subtask_list {
overflow: hidden;
width: 100%;
}
.zpm_subtask_item {
position: relative;
box-sizing: border-box;
}
.zpm_delete_subtask {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #fff;
height: 100%;
line-height: 40px
}
.zpm-task-parent__breadcrumb a {
color: #333 !important;
text-decoration: none;
}
#zpm-task-parents__breadcrumbs a {
color: #333 !important;
}
.zpm-sub-subtask .zpm-material-checkbox {
margin-left: 20px;
}
.zpm-sub-subtask.zpm-subtask-level-2 .zpm-material-checkbox {
margin-left: 40px;
}
.zpm-sub-subtask.zpm-subtask-level-3 .zpm-material-checkbox {
margin-left: 60px;
}
.zpm-sub-subtask.zpm-subtask-level-3 .zpm-material-checkbox {
margin-left: 80px;
}
#zpm-project-preview__title-bar {
position: relative;
box-sizing: border-box;
}
#zpm-project-preview__section-comments .zpm-comment-bubble {
padding: 0;
}
#zpm-project-preview__section-comments .zpm_task_comments {
margin-top: 0;
}
#zpm-project-preview-section__discussion #zpm_project_chat_comment {
width: 100%;
}
.zpm-buttons-title {
position: absolute;
right: 0;
top: -10px;
}
#zpm_task_edit_custom_fields {
margin: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#zpm-project-preview__bar .zpm-notice__subtle {
margin: 0;
}
#zpm-task-preview__subtasks,
#zpm-project-preview__tasks {
border: none;
}
#zpm-project-preview__section-comments {
padding-top: 0;
padding-bottom: 0;
}
#zpm-task-preview-section__project {
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 15px;
}
.zpm-task__project-name {
background: #eee;
display: block;
font-size: 12px;
border-radius: 5px;
padding: 5px 10px;
box-sizing: border-box;
}
#zpm-file-upload__preview-url {
overflow: hidden;
text-overflow: ellipsis;
white-space: pre;
margin-top: 10px;
}
#zpm-search-results {
max-width: 350px !important;
}
.zpm-edit-message__modal textarea {
width: 100%;
height: 100px;
}
.zpm_team_member .zpm-description-text {
white-space: pre-wrap;
}
.zpm-chosen+.chosen-container,
.zpm-chosen+.chosen-container:hover {
width: 100% !important;
margin-left: 0;
border: none !important;
}
#zpm-new-file-upload {
overflow: visible !important;
}
#zpm-project-preview-section__discussion #zpm_project_chat_files {
width: 100%;
margin-top: 10px;
}
.zpm-segment-control {
border-radius: 5px;
display: flex;
max-width: max-content;
}
.zpm-segment-option {
background: #fff;
}
.zpm-segment-control>button {
display: inline-block !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 10px 13px;
}
.zpm-segment-control>button:hover,
.zpm-segment-control>button:active,
.zpm-segment-control>button:focus,
.zpm-segment-control>button.selected {
color: #fff !important;
}
.zpm-segment-control>button:last-of-type {
border-right: none !important;
}
.zpm_task_list_row:not(.priority_none) .zpm_task_due_date {
color: #333 !important;
}
.zpm-task-item__subtask-indicator {
color: #333 !important;
opacity: .7;
margin-right: 10px;
}
.zpm-subtask-indicator__icon,
.zpm-subtask-indicator__count {
display: inline-block;
vertical-align: middle;
}
.zpm-subtask-indicator__count {
margin-left: 5px;
font-size: 13px;
}
.zpm-segment-nav {
display: flex;
width: 100%;
}
.zpm-segment-nav__item {
flex: 1;
background: #dedede;
padding: 10px 14px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
cursor: pointer;
position: relative;
}
.zpm-segment-nav__item:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
transition: all .12s ease-in-out;
}
.zpm-segment-nav__item:hover:after {
opacity: .1;
}
.zpm-segment-nav__item-selected {
color: #fff;
}
.zpm-segment-nav .zpm-segment-nav__item:first-of-type {
border-radius: 5px 0px 0px 5px;
}
.zpm-segment-nav .zpm-segment-nav__item:last-of-type {
border-radius: 0px 5px 5px 0px;
}
.zpm-navigation-item {
margin-right: 0;
}
.zpm-navigation-list {
margin-left: 0;
}
.zpm-calendar-item__title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
margin-top: 5px;
font-size: 11px;
}
.zpm-calendar-item__desc {
opacity: .8;
font-size: 10px;
}
.zpm-calendar__description {
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
}
.zpm-calendar-item__project,
.zpm-calendar-item__assignee {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
display: block;
margin-top: 5px;
}
.fc-time-grid-event {
padding: 10px;
}
.zpm_project_stat a {
text-decoration: none;
}
.zpm_project_stat a:focus,
.zpm_project_stat a:active {
outline: none;
border: none;
box-shadow: none;
}
#zpm-new-project-description {
resize: vertical;
}
.zpm-task-list-subtasks {
background: #f4f4f4;
}
.zpm-task-list-subtasks .zpm_task_list_row {
padding-left: 20px !important;
}
.zpm-task-list-subtasks {
display: none;
}
.zpm_task_list_row.active+.zpm-task-list-subtasks {
display: block;
}
.zpm-show-subtask-list {
margin-right: 6px;
color: #333;
display: inline-block;
vertical-align: middle
}
#zpm-members-table,
#zpm-members-table th,
#zpm-members-table td {
background: #fff;
border: 1px solid #ddd !important;
font-size: 14px;
}
#zpm-members-table tr:hover td {
background: #f7f7f7;
}
.zpm-task-list__link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.zpm-task-list__link:active,
.zpm-task-list__link:focus,
.zpm-task-list__link:hover {
outline: none;
box-shadow: none;
}
.zpm_task_description a:active,
.zpm_task_description a:focus,
.zpm_task_description a:hover {
outline: none;
box-shadow: none;
}
#wp-zpm-edit-task-editor-wrap {
margin-top: 10px;
}
#wp-zpm-edit-task-editor-wrap .mce-container-body {
background: #fff;
box-shadow: none !important;
}
#wp-zpm-edit-task-editor-wrap .mce-container-body button {
background: #fff;
}
#wp-zpm-edit-task-editor-wrap #insert-media-button {
background: #fff;
}
#wp-zpm-edit-task-editor-wrap .wp-editor-tabs button {
background: #fff;
}
.zpm_task_description p {
margin: 0;
display: inline-block;
}
.zpm-show-subtask-list {
z-index: 99 !important;
position: relative;
}
.zpm-task-list__link {
user-select: none;
z-index: 0;
}
.zpm-task-list__section-title {
padding: 10px;
font-weight: 600;
}
#zpm-email-toggle-settings {
padding-top: 0 !important;
}
.zpm-list-placeholder {
padding: 10px;
}
.zpm-template-editor__subtask {
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 10px;
}
.zpm-task-page-filters {
display: flex;
margin-top: 15px;
}
.zpm-task-filter-option {
padding-right: 10px;
}
.zpm-task-filter-option label {
display: inline-block;
font-size: 13px;
font-weight: 500;
}
.zephyr-theme-default #zpm-task-filter-holder {
margin: 0 !important;
}
.zpm-task-list__section-title {
display: block;
}
#qt_zpm-edit-task-editor_toolbar {
display: flex;
flex-direction: row;
}
#qt_zpm-edit-task-editor_toolbar input {
flex: 1;
min-width: unset !important;
}
#zpm-task-list__project.zpm-task-grid {
flex-direction: column;
}
#zpm-task-list__project.zpm-task-grid a {
width: 100%;
margin: 0;
box-sizing: border-box !important;
}
.zpm_admin_notice a {
color: #fff !important;
}
.zpm-calendar-item__desc p {
color: #fff !important;
margin: 0 !important;
}
.zpm-tab-badge,
.zpm-task-row__unread {
background: #f27a71;
color: #fff;
font-style: normal;
display: inline-block;
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
font-size: 10px;
font-weight: bold;
vertical-align: middle;
}
.zpm-task-importer {
overflow: auto;
max-height: 90vh;
}
#zpm-edit-task-editor {
color: #333 !important;
}
.zpm-category-children .zpm_category_row {
padding-left: 20px;
background: #f9f9f9;
}
#zpm-category-parent {
width: 100%;
max-width: 100%;
margin-top: 10px;
}
#zpm-file-filter-container {
width: 100% !important;
}
#zpm-file-manager__page {
margin-top: 50px;
}
#zpm-file-manager__page .chosen-container {
width: 100% !important;
margin-left: 0 !important;
}
#zpm-file-filters {
width: 100%;
}
#zpm-file-manager__page {
margin-top: 50px !important;
}
.zpm-new-file__project-select,
.zpm-new-file__task-select,
.zpm-new-file__category-select {
margin-bottom: 15px;
}
.zpm-new-file__project-select select,
.zpm-new-file__task-select select {
width: 100%;
}
.zpm-new-file__project-select label,
.zpm-new-file__task-select label,
.zpm-new-file__category-select label {
font-size: 12px;
opacity: .6;
padding-left: 5px;
}
.zpm-new-file__category-select {}
#zpm-file-manager__file-category+div {
margin-left: 0 !important;
padding-left: 10px !important;
}
#zpm-project-files {
padding-top: 10px;
padding-bottom: 10px;
}
#zpm-project-files .zpm-file-item .zpm-file {
box-shadow: none !important;
padding-bottom: 10px;
padding-left: 5px;
}
#zpm-project-single__filters {
position: absolute;
top: 0;
left: 0;
padding: 10px;
}
.zpm-project-filter-option {
display: inline-block;
}
.zpm_task_list_row .zpm_task_details {
background: transparent !important;
}
.zpm-project-task-filters__frontend {
position: relative !important;
text-align: right;
}
#zpm-project-single__filters div {
text-align: left;
}
.zpm-project-filter-option {
margin-right: 10px;
}
.zpm_input select,
.zephyr-frontend-manager-template select,
.zephyr-project-manager select {
font-family: 'Roboto' !important;
}
#zpm-shortcode-task-view-modal .zpm_modal_options_btn,
#zpm-shortcode-task-view-modal .zpm-material-checkbox,
#zpm-shortcode-task-view-modal .zpm_nav,
#zpm-shortcode-task-view-modal #zpm_task_following,
#zpm-shortcode-task-view-modal #zpm_edit_task_link {
display: none !important;
}
#zpm-shortcode-task-view-modal h3 {
margin-top: 0 !important;
}
#zpm-shortcode-task-view-modal h2 {
margin-top: 10px !important;
margin-bottom: 5px !important;
display: none;
}
#zpm-shortcode-task-view-modal h2+h3 {
display: none;
}
#zpm-shortcode-task-view-modal .zpm_modal_task_name {
margin-bottom: 5px !important;
}
#zpm-shortcode-task-view-modal {
overflow-y: auto !important;
}
#zpm-shortcode-task-view-modal .zpm_tab_pane {
padding: 0px !important;
}
#zpm-shortcode-task-view-modal label {
margin-left: -3px !important;
margin-bottom: 5px;
}
#zpm-shortcode-task-view-modal .zpm_view_subtasks {
margin-left: 0px;
margin-bottom: 0px !important;
}
.zpm-task-preview__toggle-width {
position: absolute;
right: 39px;
top: 50%;
transform: translateY(-50%);
}
.zpm-task-preview__shrink {
display: none;
}
#zpm-task-preview__bar.extended .zpm-task-preview__extend {
display: none;
}
#zpm-task-preview__bar.extended .zpm-task-preview__shrink {
display: block;
}
#zpm-task-preview__bar.zpm-task-preview__active.extended {
width: 50% !important;
}
#zpm-task-preview__bar:not(.zpm-task-preview__active) {
width: 0% !important;
}
#zpm-task-panel__upload-file,
#zpm-task-panel__new-subtask {
margin-left: 15px;
}
#zpm-task-preview__files .zpm-file-item .zpm-file {
margin-bottom: 7px;
border-radius: 3px;
border: 1px solid #ccc;
padding: 10px;
}
#zpm_new_category_btn {
position: absolute !important;
right: 10px !important;
top: 10px !important;
}
#zpm_new_category_modal {
text-align: left !important;
padding: 20px !important;
min-height: 210px !important;
overflow: visible !important;
}
#zpm_create_category {
position: absolute !important;
bottom: 25px !important;
right: 20px !important;
text-transform: none !important;
padding: 10px 10px !important;
}
#zpm_new_category_modal input,
#zpm_new_category_modal textarea {
width: 100% !important;
margin-bottom: 10px !important;
box-shadow: none !important;
}
#zpm_new_category_modal textarea {
min-height: 100px !important;
}
#zpm_new_category_modal .wp-picker-container .wp-color-result.button {
padding: 0px !important;
padding-left: 5px !important;
text-transform: none !important;
border: 1px solid #eee !important;
box-shadow: none !important;
height: 29px !important;
width: 120px !important;
}
#zpm_new_category_modal .wp-color-result-text {
background: #fff !important;
border: 1px solid #eee !important;
box-shadow: none !important;
height: 25px !important;
line-height: 25px !important;
}
input#zpm_category_color {
width: 90px !important;
box-shadow: none;
}
#zpm_new_category_modal .button.button-small.wp-picker-clear {
width: max-content !important;
height: 28px !important;
display: inline-block !important;
border: 1px solid #eee !important;
background: transparent !important;
box-shadow: none !important;
}
#zpm_create_task .zpm-new-task-description-field button i {
color: #fff !important;
}
.zpm-menu-item i {
display: inline-block;
vertical-align: middle;
font-size: 18px;
font-weight: normal;
}
.zpm_label i {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.zpm-avatar {
display: inline-block;
width: 30px;
height: 30px;
background-size: cover;
background-position: center;
vertical-align: middle;
}
.zpm-avatar-round {
border-radius: 50%;
}
#zpm-task-created-by {
font-size: 14px;
}
#zpm-task-created-by .zpm-avatar {
margin-right: 7px;
}
.zpm-icon-label {
color: #333 !important;
}
.zpm-icon-label~* {
padding-left: 36px;
}
#zpm_view_task_description {
padding-left: 36px !important;
}
#zpm-task-created-by {
padding-left: 20px;
}
.zpm-fancy-item {
font-size: 13px !important;
}
.zpm-fancy-item a:not(:hover) {
color: #333 !important;
}
.zpm-fancy-item .zpm-menu-icon {
font-size: 21px;
font-weight: normal;
display: inline-block;
vertical-align: middle;
margin-right: 7px !important;
}
#zpm-add-new-dropdown {
min-width: 230px;
}
.zpm-template-icon .material-icons-outlined {
font-size: 50px;
}
.zpm_button {
font-weight: 900 !important;
}
.zpm-project-importer-exists {
color: red;
opacity: .8;
font-size: 10px;
margin-left: 10px;
background: #f9f9f9;
padding: 6px;
}
.zephyr-project-manager .mce-toolbar-grp.mce-inline-toolbar-grp,
.zephyr-frontend-manager-template .mce-toolbar-grp.mce-inline-toolbar-grp {
z-index: 999999999 !important;
}
#qt_zpm_new_task_description_toolbar.quicktags-toolbar {
display: flex;
overflow-x: auto;
}
#zpm-task-preview-buttons {
padding: 10px 20px;
text-align: right;
}
#zpm-task-preview-buttons span {
cursor: pointer;
}
#zpm-project-datatables_wrapper {
background: #fff;
padding: 20px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.01), 0 3px 6px rgba(0, 0, 0, 0.14);
border-radius: 3px;
}
#zpm-project-datatables {
border: none !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.01), 0 3px 6px rgba(0, 0, 0, 0.14);
}
#zpm-project-datatables * {
border-color: #ddd;
}
#zpm-project-datatables_filter label {
display: flex;
align-items: center
}
#zpm-project-datatables_filter label * {
flex: 1;
vertical-align: middle;
display: inline-block;
}
#zpm-project-datatables_filter input {
padding: 10px;
}
#zpm-project-datatables_length {
margin-top: 10px !important;
}
#zpm-project-datatables {
font-size: 15px;
}
#zpm-project-datatables th {
font-size: 15px;
}
#zpm-project-datatables_paginate {
margin-top: 5px;
}
#zpm-project-datatables_info {
margin-top: 7px;
}
[data-project-link] {
cursor: pointer;
}
.zpm-delete-parent-div {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #ff0011;
cursor: pointer;
opacity: .8;
}
.zpm-basic-table__row.zpm-sub {
padding-left: 18px;
}
.zpm-sort-item {
border: 1px solid #ccc;
width: max-content;
padding: 5px 10px;
margin-bottom: 3px;
cursor: pointer;
}
#zpm-project-column-orders {
margin-bottom: 10px;
}
.zpm_close_modal {
color: #333 !important;
}
[name="zpm-settings__project-list-display-type"] {
min-width: 150px;
}
#zpm-project-datatables td {
position: relative;
overflow: visible;
z-index: 99999;
}
td .zpm_dropdown_menu {
right: 0 !important;
transform: translateY(-120%) !important;
}
td .zpm_project_grid_options {
z-index: 99999;
}
#zpm-project-datatables {
overflow: visible !important;
}
td .zpm_dropdown_menu.active {
transition: none !important;
animation: none !important;
}
#zpm-new-project__template-picker {
max-height: 100vh;
overflow-y: auto;
margin: 0 !important;
;
padding: 50px !important;
min-width: 100vw;
box-sizing: border-box !important;
}
#zpm_file_manager__categories_change_chosen {
width: 100% !important;
}
#zpm-file-info-modal h2,
#zpm-file-info-modal h3 {
margin-top: 10px;
margin-bottom: 10px;
}
.zephyr-project-manager #wp-link-wrap,
.zephyr-project-manager #wp-link-backdrop,
.zephyr-frontend-manager-template #wp-link-wrap,
.zephyr-frontend-manager-template #wp-link-backdrop {
z-index: 999999999 !important;
}
.zpm-project-datatable__description {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 220px;
position: relative;
}
#zpm-project-task-list {
margin: 0 !important;
}
#zpm-task-single__files .zpm-file-item {
height: 250px;
}
#zpm-task-single__files .zpm-file-item .zpm-file,
#zpm-task-single__files .zpm-file-item .zpm-file * {
height: 100%;
}
#zpm-task-single__files .zpm-file-item .zpm-file img {
margin: 0 auto;
}
.zpm-material-checkbox input:checked:before {
display: none !important;
}
.zpm-member-list li {
margin-left: 0;
}
.zpm-memeber-toggle input {
display: none !important;
}
.zpm-grid,
#zpm-project-list {
margin: 0;
}
#zpm_new_file_upload {
width: 500px;
min-height: 150px;
}
#zpm-file-manager__project-picker {
text-align: left !important;
}
#zpm-file-manager__project-picker h3 {
font-size: 18px;
}
.zpm-input-chosen+.chosen-container {
width: 100% !important;
}
.zpm-datatable {
font-size: 14px;
}
.zpm-datatable * {
border-width: 1px !important;
}
.zpm-datatable td,
.zpm-datatable th {
border-bottom: none !important;
border-right: none !important;
}
.zpm-datatable th {
border-top: none !important;
}
.zpm-datatable thead {
border: none !important;
}
.zpm-datatable tr td:first-of-type,
.zpm-datatable th:first-of-type {
border-left: none !important;
}
.zpm-datatable td {
padding-bottom: 3px !important;
padding-top: 3px !important;
line-height: 1;
}
.zpm-datatable tr {
cursor: pointer;
transition: background .12s ease-in-out;
}
.zpm-datatable tr:hover {
background: #f5f5f5;
}
.zpm-list-type__datatables #zpm-navigation-bar,
.zpm-list-type__datatables .zpm-task-page-filters,
.zpm-list-type__datatables #zpm-task-list__options,
.zpm-list-type__datatables #zpm_task_option_container {
display: none;
}
#zpm-task-datatables_wrapper {
margin: 20px;
}
.zpm-datatable .task-completed td {
background: #95e0cb;
border-color: #7ebbaa;
}
.zpm-datatable .task-completed:hover td {
background: #7fd0b9;
border-color: #7ebbaa;
}
[id*="zpm"] .dataTables_length *,
[id*="zpm"] .dataTables_filter * {
font-size: 13px !important;
}
[id*="zpm"] .dataTables_filter label {
display: flex !important;
}
[id*="zpm"] .dataTables_filter label * {
flex: 1;
}
[id*="zpm"] .dataTables_filter input {
padding: 7px;
}
[id*="zpm"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
border: 1px solid #ccc;
background: #f5f5f5;
}
.zpm_datatables * {
color: #333 !important;
opacity: 1;
}
#zpm-project-datatables {
border: 1px solid #eee !important;
}
.zpm-project-datatable__description {
overflow: hidden;
}
.zpm-h2,
.zephyr-theme-default .zpm-h2 {
font-size: 20px !important;
font-weight: bold !important;
letter-spacing: 0.15px;
text-transform: none;
}
.zpm-h6 {
font-size: 17px !important;
font-weight: bold;
letter-spacing: 0.15px;
text-transform: none;
}
.zephyr-frontend-manager-template #site-header {
display: none;
}
.zpm_task_list_row .zpm_task_description * {
font-size: 12px !important;
margin: 0 !important;
color: #333 !important;
display: inline-block !important;
vertical-align: middle !important;
font-weight: normal !important;
}
.zpm_task_list_row .zpm_task_description img {
display: none !important;
}
.zpm-close-modal-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
font-size: 16px;
cursor: pointer;
}
#zpm_create_task .zpm_modal_header {
position: relative;
}
#zpm_calendar table {
margin-top: 0px;
}
#zpm-new-task__recurrence-select+.chosen-container .chosen-drop {
bottom: 25px;
top: auto !important;
}
#wp-zpm-edit-task-editor-wrap.tmce-active .quicktags-toolbar,
#wp-zpm_new_task_description-wrap.tmce-active .quicktags-toolbar {
display: none;
}
#zpm_edit_task_description {
resize: vertical;
}
.zpm_label,
.zpm_options_row label,
.zpm-form__label,
.zpm-form__field:focus~.zpm-form__label {
color: #333;
font-weight: bold;
}
.zpm-form__label,
.zpm-form__field:focus~.zpm-form__label,
#zpm_create_task .zpm_label {
color: #333 !important;
font-weight: bold;
font-size: 13px !important;
}
.zpm_comment_attachments li {
list-style: none;
}
.zpm_task_list_row {
height: auto !important;
}
.zpm_task_description {
line-height: 23px;
height: 100%;
}
.zpm-project-tags {
display: flex;
margin-top: 5px;
}
.zpm-project-tag,
.zephyr-frontend-manager-template .zpm-project-tag {
text-decoration: none;
color: #fff !important;
font-size: 10px;
padding: 2px 6px;
border-radius: 3px;
}
.zpm-project-tag:hover,
.zpm-project-tag:focus,
.zpm-project-tag:active {
border: none;
color: #fff !important;
}
#wp-zpm-edit-task-editor-wrap {
z-index: 0;
}
#zpm-project-datatables td {
border-bottom: 1px solid #eee !important;
padding: 10px !important;
}
.zpm-hidden,
#zpm_task_editor.zpm_body .zpm-hidden {
display: none;
}
.zpm-task-item-name,
.zpm_task_description {
height: 100%;
display: inline-block;
}
.zephyr-project-manager .wp-picker-holder {
bottom: 56px !important;
}
.zephyr-project-manager .ui-widget-header .ui-icon.ui-icon-circle-triangle-e,
.zephyr-project-manager .ui-widget-header .ui-icon.ui-icon-circle-triangle-w,
.zephyr-frontend-manager-template .ui-widget-header .ui-icon.ui-icon-circle-triangle-e,
.zephyr-frontend-manager-template .ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
background-image: none !important;
overflow: visible !important;
}
.zephyr-project-manager .ui-datepicker-next .ui-icon:hover,
.zephyr-project-manager .ui-datepicker-prev .ui-icon:hover,
.zephyr-frontend-manager-template .ui-datepicker-next .ui-icon:hover,
.zephyr-frontend-manager-template .ui-datepicker-prev .ui-icon:hover {
transform: none !important;
}
.zephyr-project-manager .ui-datepicker-next,
.zephyr-frontend-manager-template .ui-datepicker-next {
right: 3px !important;
top: 0px !important;
}
.zephyr-project-manager .ui-datepicker-prev,
.zephyr-frontend-manager-template .ui-datepicker-prev {
left: 13px !important;
top: 0px !important;
}
.zephyr-project-manager .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after,
.zephyr-frontend-manager-template .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
display: block;
font-weight: 900;
font-size: 15px;
position: absolute;
right: 10px;
top: 10px;
color: #fff;
text-indent: 0;
line-height: 0px;
overflow: visible;
}
.zephyr-project-manager .ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after,
.zephyr-frontend-manager-template .ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f053";
display: block;
font-weight: 900;
font-size: 15px;
position: absolute;
right: 10px;
top: 10px;
color: #fff;
text-indent: 0;
line-height: 0px;
overflow: visible;
}
.zpm-modal__extra-information-bottom {
text-align: left;
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
.zpm-toggle-visibility {
display: none;
}
.zpm-toggle-visibility.zpm-toggle-active {
display: block;
}
.zpm-layout__sidebar_left {
display: flex;
}
.zpm-layout-sidebar {
flex-basis: 25%;
border-right: 1px solid #ddd;
}
.zpm-layout-content {
flex-basis: 75%;
}
.zpm-layout-sidebar__header,
.zpm-layout-content__header,
.zpm-layout-content__body,
.zpm-layout-content__footer {
padding: 10px;
}
.zpm-layout-content__title {
font-size: 20px;
margin: 0;
}
.zpm-input-border {
border: 1px solid #333;
border-radius: 3px;
padding: 7px 10px;
font-size: 13px;
}
.zpm-search-widget__input {
width: 100%;
}
.zpm-search-widget {
position: relative;
overflow: hidden;
}
.zpm-search-widget__icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.zpm-project-sidebar__item {
cursor: pointer;
transition: all .2s ease-in-out;
max-width: 100%;
}
.zpm-project-sidebar__item:hover {
background: rgba(0, 0, 0, 0.04);
}
.zpm-project-sidebar-item__name {
font-weight: bold;
font-size: 14px;
padding: 10px 10px 0px 10px;
}
.zpm-project-sidebar-item__description {
font-size: 11px;
padding: 10px;
}
.zpm-project-sidebar-item__description {
overflow: hidden;
text-overflow: ellipsis;
max-height: 28px;
line-height: 17px;
}
.zpm-spinner__loading {
animation-name: zpmSpinAnim;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
transform-origin: 50% 0%;
}
#zpm-communication-project-loader {
margin: 50px auto !important;
top: 20px !important;
background: transparent !important;
height: 40px !important;
}
#zpm-communication__content {
position: relative;
}
@keyframes zpmSpinAnim {
from {
transform: rotate(0deg) translateY(-50%);
}
to {
transform: rotate(360deg) translateY(-50%);
}
}
.zpm-material-card-colored a,
.zephyr-frontend-manager-template .zpm-material-card-colored a {
color: #fff !important;
margin-right: 5px;
}
.zpm-unread-count {
background: red;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.zpm-menu-item {
position: relative;
}
.zpm_task_list_row .zpm-unread-count {
left: 4px;
top: 10px;
}
.zpm-task-assignees__tooltip {
position: absolute;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
width: max-content;
right: 0px;
top: 0px;
border-radius: 6px;
display: none;
animation: .2s zpmFadeSlideBottom forwards;
}
.zpm-task_assignees {
cursor: pointer;
position: relative;
}
.zpm-task_assignees:hover .zpm-task-assignees__tooltip {
display: block;
}
[data-more-assignees-title]:after {
content: attr(data-more-assignees-title);
position: absolute;
right: 8px;
display: block;
}
[data-more-assignees-title] {
margin-right: 30px !important;
}
@keyframes zpmFadeSlideBottom {
from {
transform: translateY(-50%);
opacity: 0;
}
to {
transform: translateY(-100%);
opacity: 1;
}
}
.fc-day-grid-event.task img {
max-width: 100%;
height: auto !important;
margin-top: 10px;
margin-bottom: 10px;
}
.zpm-calendar-item__desc {
margin-bottom: 10px;
}
.zpm-calendar-event div {
margin-bottom: 5px;
margin-top: 5px;
}
#zpm-new-event__modal {
padding: 20px;
min-height: unset;
}
.zpm-form__field[type="color"] {
border: none !important;
padding: 0px !important;
}
#zpm-new-event__color {
margin-bottom: 60px;
}
#zpm-view-event__modal h3 {
margin-top: 0px;
}
.zpm-event-view__field label {
font-weight: bold;
}
.zpm-event-view__field div {
margin-bottom: 10px;
}
#zpm-new-event__modal {
overflow: auto;
}
.zpm_file_item_container {
min-width: 200px !important;
}
#zpm-file-lightbox {
width: 90%;
height: 90%;
max-height: 100%;
max-width: 100%;
min-height: unset;
min-width: unset;
padding: 0px;
!important;
overflow: hidden;
}
#zpm-file-lightbox iframe {
width: 100%;
height: 100%;
}
#zpm-file-lightbox-image {
max-height: 100%;
width: auto;
margin: 0 auto;
}
#zpm-file-lightbox.is-image {
width: auto;
height: auto;
line-height: 0;
}
.zephyr-frontend-manager-template .mce-widget.mce-btn i,
.zephyr-frontend-manager-template .mce-txt,
.zephyr-frontend-manager-template .mce-caret {
color: #fff !important;
}
.zephyr-frontend-manager-template .mce-caret {
border-top-color: #fff !important;
}
.zpm-icon-button i,
.zpm-icon-button__icon i {
text-align: center;
width: 100%;
}
.zpm-card-header {
color: #fff !important;
padding-bottom: 0px;
margin-bottom: 15px;
}
.zpm-button__negative,
.zpm-button__negative:hover,
.zpm-button__negative:focus,
.zpm-button__negative:active {
background: #f61554 !important;
}
.zpm_task_list_row .zpm-task-item-name {
line-height: 23px;
}
.zpm_task_list_row .zpm-task_assignees {
display: inline-block !important;
}
.zpm_task_list_row .zpm-tab-badge,
.zpm-task-row__unread {
color: #fff !important;
}
.zpm_task_list_row .zpm_task_description,
.zpm_task_list_row .zpm_task_name {
vertical-align: top !important;
}
.zpm_task_list_row .zpm-task-list__link {
z-index: 9 !important;
}
.zpm_task_list_row .zpm-material-checkbox {
z-index: 19 !important;
}
@media(max-width: 600px) {
#zpm-members-table_wrapper {
overflow-x: auto;
}
}
.zpm-file-pdf {
pointer-events: none;
overflow: hidden;
}
.zpm-project-stat .zpm_button {
line-height: 3px;
}
.zpm_file_preview {
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
}
.zpm-file-preview__pdf {
padding: 0px;
}
.zpm-file-pdf {
max-width: 100% !important;
max-height: 100% !important;
}
.zpm-new-file__task-select #zpm-file-manager__target-task,
#zpm_file_manager__file_category_chosen {
margin-top: 5px !important;
}
.zpm-new-file__project-select,
#zpm-file-manager__target-project {
margin-bottom: 0px !important;
}
#zpm-file-manager__project-picker input,
#zpm-file-manager__project-picker select {
max-width: 100%;
}
.zpm_file_image {
height: 100% !important;
width: auto;
}
.zpm_file_preview {
padding: 0px;
}
.zpm-quick-input-modal .zpm-close-modal__btn {
position: absolute;
right: 20px;
top: 20px;
}
.zpm-folders-list {
display: flex;
}
.zpm-folder {
display: flex;
width: 200px;
height: 200px;
border: 1px solid #ccc;
border-radius: 7px;
cursor: pointer;
flex-direction: column;
margin: 3px;
}
.zpm-folder .zpm-folder__name {
border-bottom: 1px solid #eee;
padding: 10px;
}
.zpm-folder__preview {
position: relative;
height: 100%;
}
.zpm-folder__preview-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.zpm-folder__preview-icon i {
font-size: 45px;
color: #999;
}
.zpm-folder__placeholder {
border: 1px dashed #ccc;
}
#zpm-folders-list:not(.zpm-active),
#zpm-folders-single:not(.zpm-active) {
display: none;
}
#zpm-folders-single:not(.zpm-no-files) .zpm-warning {
display: none;
}
.zpm-folders-single__header {
display: flex;
}
.zpm-folders-single__back {
margin-right: 10px;
}
.zpm-folder__file-count {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
position: absolute;
right: 10px;
bottom: 10px;
line-height: 20px;
font-size: 10px;
color: #fff;
}
.zpm-folder {
position: relative;
}
.zpm-folders-single__header h4 {
margin: 0px !important;
flex: 1;
}
.zpm-folders-single__header {
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.zpm-folders-single__back {
cursor: pointer;
}
.zpm-new-file__folder-select #zpm-file-manager__folder-select {
margin-top: 7px;
}
#zpm-file-manager__folder-select {
width: 100%;
}
#zpm-folders-single__actions {
margin-top: 40px;
text-align: right;
}
.zpm-task-edit-modal__active #zpm-content,
.zpm-task-edit-modal__active #zpm_modal_background {
pointer-events: none !important;
}
.zpm-button__link {
width: 100%;
height: 100%;
}
.zpm-project-progress-member__item .zpm-project-progress__member {
background: #fff !important;
border-color: #ccc !important;
color: #333 !important;
}
.zpm_task_list_row:not(:hover) {
background-color: #fff !important;
border-color: #eee !important;
}
.zpm-material-checkbox input,
.zpm-material-checkbox input:active,
.zpm-material-checkbox input:focus {
outline: none;
box-shadow: none !important;
}
.zpm-fullscreen-modal {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 999999999;
width: 100%;
height: 100%;
}
.zpm-fullscreen-modal__bg {
background: #333;
opacity: 0.6;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
}
.zpm-fullscreen-modal__content {
background: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
min-width: 500px;
max-width: 95%;
border-radius: 10px;
}
.zpm-fullscreen-modal-title {
margin: 0px;
padding: 20px;
font-size: 14px;
}
.zpm-fullscreen-modal__close {
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.zpm-choice-option {
padding: 10px 20px;
cursor: pointer;
}
.zpm-choice-option:hover {
background: #f9f9f9;
}
.zpm-choice-list {
margin-bottom: 10px;
}
.zpm-folder {
min-width: 200px;
}
.zpm-folders-list {
flex-wrap: wrap;
}
#zpm-file-lightbox-image {
max-height: 100% !important;
width: auto !important;
}
#zpm-file-lightbox.is-image {
overflow: auto;
max-height: 90% !important;
}
#zpm-task-list__options i {
font-size: 14px;
}
#zpm-task-list__options button {
width: 30px;
height: 30px;
line-height: 0px;
text-align: center;
}
.zpm-priority-selection[data-priority="priority_none"] {
color: #fff !important;
}
.zpm-task-view__assignee p {
background: transparent !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.zpm-task-view__assignee-item {
background: #f1f3f3;
padding: 10px;
font-size: 14px;
border-radius: 3px;
margin-right: 2px;
}
.zpm_task_description ul {
display: inline-block;
list-style:
}
.zpm_task_description li {
margin: 0px;
padding-left: 4px;
padding-right: 2px;
}
.zpm_task_description li:before {
content: " | ";
}
#zpm-task-list__options button {
position: relative;
}
#zpm-task-list__options button i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
}
.zpm-warning__single-line {
padding: 20px;
}
#zpm-file-manager__project-change,
#zpm-file-manager__task-change {
max-width: 100%;
}
#zpm-file-info-modal {
padding-bottom: 60px;
}
.zpm-file-preview__folder-name {
padding-left: 3px;
}
.zpm-close-modal__btn {
position: absolute;
right: 20px;
top: 20px;
font-size: 15px;
cursor: pointer;
}
@media(max-width: 600px) {
#zpm-search-widget__communication-projects input::placeholder {
display: none;
opacity: 0;
}
}
#zpm-new-project__files {
width: 100%;
text-align: left;
padding: 5px;
}
.zpm-new-project__file-item {
border: 1px dashed #ccc;
border-radius: 4px;
margin-bottom: 3px;
padding: 5px 10px;
font-size: 12px;
}
#zpm-new-project__attach-file {
margin-top: 5px;
}
.zpm-email-settings__form-field {
border: 1px solid #ddd;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}
.zpm-email-settings__form-field .chosen-drop {
z-index: 99999 !important;
}
.zpm-task-item-extra-details {
vertical-align: middle;
}
.zpm-report-task-date {
color: #ddd;
padding-left: 10px;
}
#zpm-new-project-container {
text-align: left;
}
#zpm_project_modal {
box-sizing: border-box !important;
overflow-y: auto !important;
padding: 70px !important;
z-index: 99999 !important;
padding-bottom: 100px !important;
}
.zephyr-frontend-manager-template #zpm_project_modal {
box-sizing: border-box !important;
overflow-y: auto !important;
padding: 70px !important;
z-index: 9999999 !important;
padding-bottom: 100px !important;
}
#zpm-new-project-header {
margin: 0;
}
#zpm_project_modal .zpm_modal_buttons {
position: relative !important;
bottom: unset !important;
margin-bottom: 30px !important;
padding-bottom: 30px;
}
#zpm_project_modal #zpm_new_project__categories_chosen {
max-width: 100% !important;
width: 100% !important;
}
.zpm_modal_body .ql-formats button {
background: transparent !important;
} .zpm-task-list-basic-item {
display: flex;
justify-content: center;
width: 100%;
align-items: center;
box-sizing: border-box;
}
.zpm-task-list-basic-item .zpm-task-list-basic-item-name {
padding-left: 10px;
padding-right: 10px;
}
#zpm-search-results {
list-style: none;
}
#zpm-project-template-modal__new {
min-height: auto !important;
}
#zpm-project-template-modal__new  .zpm-modal-btns-static,
.zephyr-ajax-modal  .zpm-modal-btns-static{
margin-top: 20px;
}
@media(max-width: 800px) {
.zpm-input-chosen {
padding: 0rem !important;
}
}
.zpm-quill {
z-index: 99;
}
.zpm_task_list_row  p {
display: inline;
}
.zpm-quill .ql-tooltip {
left: 0px !important;
}
.zpm-task-list-content {
height: auto !important;
display: flex;
flex-direction: column;
width: 100%;
}
.zpm-task-list-content > div {
flex: 1;
}
.zpm_task_list_row  {
display: flex;
flex-direction: row;
}
.zpm_task_description {
margin-left: 0px !important;
}
.zpm_task_list_row .zpm-task-item-name {
line-height: inherit;
font-weight: 600;
}
.zpm_task_list_data.task_name {
overflow: visible !important;
}
.zpm-task-item-extra-details {
height: auto !important;
}
.zpm-task-item-extra-details {
margin-top: 7px;
}
.zpm-task-item-extra-details .zpm-task-item__custom-field:first-of-type {
margin-left: 0px;
border-left: none;
padding-left: 0px;
}
.zephyr-frontend-manager-template {
--global--spacing-vertical: 0;
--form--border-width: 1px;
--form--spacing-unit: 5px;
}
.zpm_task_list_row .zpm_task_description {
height: auto !important;
overflow: visible !important;
padding-left: 0px !important;
}
.zpm_task_list_row {
display: flex !important;
flex-direction: row !important;
}
.zpm-task-item-extra-details {
overflow: visible !important;
width: 100% !important;
}
#zpm-project-task-list {
font-size: 12px;
}
#zpm-project-single__filters * {
font-size: 14px;
}
.zpm-modal .ql-toolbar {
text-align: left !important;
}
[id^="zpm-edit-discussion--modal-"],
#zpm-new-discussion--modal{
min-height: unset !important;
height: auto;
padding: 20px;
border-radius: 10px;
}
[id^="zpm-edit-discussion--modal-"] .zpm-buttons__right,
#zpm-new-discussion--modal .zpm-buttons__right{
position: relative;
height: auto;
margin-top: 20px;
}
[id^="zpm-edit-discussion--modal-"] .zpm-buttons__right .zpm_button,
#zpm-new-discussion--modal .zpm-buttons__right .zpm_button{
position: relative;
top: unset;
right: unset;
}
#zpm-edit-discussion--form .zpm-form__group + .zpm-form__group,
#zpm-new-discussion--form .zpm-form__group + .zpm-form__group{
padding-top: 30px !important;
}
.zpm-discussion-item {
display: flex;
padding: 20px;
cursor: pointer;
border: 1px solid #ccc;
border-bottom: none;
}
.zpm-discussion-item:hover {
background: #f9f9f9;
}
.zpm-discussion-list--content .zpm-discussion-item:last-of-type {
border-bottom: 1px solid #ccc;
}
.zpm-discussion-item--content {
display: flex;
flex-direction: column;
flex: 1;
}
.zpm-discussion-item--title {
font-weight: bold;
}
.zpm-discussion-item--avatar-container {
min-width: 60px;
}
.zpm-discussion-item--actions {
margin-left: auto;
}
.zpm-discussion-item--actions {
display: flex;
flex-direction: row;
align-items: center;
}
.zpm-discussion-item--actions > * {
cursor: pointer;
}
.zpm-discussion-item--description p {
margin-top: 0px;
margin-bottom: 0px;
}
.zpm-discussion--add-btn {
margin-left: 15px;
margin-top: 10px;
}
.zpm-discussion-list--content {
padding: 15px;
}
.zpm-discussion-item--message-count {
display: flex;
flex-direction: row;
align-items: center;
margin-left: 10px;
}
.zpm-discussion-item--message-count span {
margin-left: 10px;
}
.zpm-discussion-item--actions-edit,
.zpm-discussion-item--actions-delete{
opacity: 0;
transition: all .2s ease;
}
.zpm-discussion-item:hover .zpm-discussion-item--actions-edit,
.zpm-discussion-item:hover .zpm-discussion-item--actions-delete {
opacity: 1;
}
.zpm-discussion-item--created-by {
font-weight: normal;
color: #777;
font-size: 12px;
margin-top: 10px;
}
.zpm-discussion-item--avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
background-size: cover;
background-position: center;
margin-right: 20px;
}
.zpm-discussion-item--actions-edit *,
.zpm-discussion-item--actions-delete * {
pointer-events: none;
}
.zpm-subpage:not(.active) {
display: none;
}
.zpm-discussions--return-to-list {
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
color: #777;
cursor: pointer;
}
.zpm-discussions--return-to-list i {
font-size: 18px;
margin-right: 6px;
}
.zpm-discussion-messages--topbar {
padding: 10px;
}
.zpm-discussion-messages--header {
padding: 15px;
padding-top: 0px;
}
.zpm-discussion-messages--title {
font-weight: bold;
font-size: 15px;
}
.zpm-discussion-messages--created-by {
color: #777;
margin-top: 10px;
}
.zpm-discussion-messages--description p {
margin: 0px;
}
.zpm-discussion-messages--header {
font-size: 14px;
}
[id^="zpm-edit-discussion--modal"] {
min-height: unset !important;
max-height: unset !important;
height: auto !important;
border-radius: 10px !important;
}
[id^="zpm-edit-discussion--modal"] .zpm-modal-header,
#zpm-new-discussion--modal  .zpm-modal-header {
font-size: 17px;
font-weight: bold;
}
.zpm-discussion-messages--header {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.zpm-undraggable {
pointer-events: none !important;
}
#zpm_calendar .fc-event[priority="medium"] * {
color: #444 !important;
}
.zpm-quill-html-editor {
height: 100%;
width: 100%;
max-width: unset;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border: none;
display: none;
}
.zpm-quill-html-editor.active {
display: block;
}
.zpm_modal_body .ql-show-html {
opacity: 1;
color: #333 !important;
visibility: visible;
padding: 0px  5px!important;
}
.zpm-quill-code-off {
display: none;
}
.zpm_modal_body .ql-show-html.active .zpm-quill-code-off {
display: block;
}
.zpm_modal_body .ql-show-html.active .zpm-quill-code-on {
display: none;
}
.ql-picker-options {
background: #fff !important;
}
.zpm-quill {
z-index: 0;
}
.zpm-user-logout-link {
font-size: 12px;
}
.zpm-calendar-item__title {
margin-bottom: 5px;
}
.zpm_file_image {
background-size: contain;
background-position-x: center;
}
#zpm_copy_task_modal {
overflow: visible;
}
.zpm-copy-task--project-section {
text-align: left;
padding: 0px 40px;
padding-bottom: 20px !important;
display: block;
}
#zpm_copy_task__project_chosen {
margin: 0px !important;
}
#zpm_copy_task_modal {
min-height: 460px !important;
}
.zpm-category-card__category-count {
position: absolute;
bottom: 20px;
left: 25px;
opacity: .9;
font-size: 12px;
}
.zpm_task_details {
z-index: 99;
}
#zpm-task-filters {
display: flex;
padding: 15px;
}
#zpm-task-datatables {
border: 1px solid #ccc;
}
#zpm-task-datatables_filter {
padding-bottom: 10px ;
}
#zpm-task-datatables_filter label {
display: flex !important;
align-items: center !important;
}
#zpm-task-datatables * {
border-color: #ccc;
}
.chosen-results.options-hidden .active-result {
display: none !important;
}
.zpm-folders-list {
padding: 20px;
}
.zpm-save-buttons {
padding: 20px;
padding-top: 0px;
}
#zpm-new-discussion--modal,
.zpm-modal[id^="zpm-edit-discussion--modal"] {
z-index: 9999999999 !important;
}
[data-page="discussion-messages"] #zpm_text_editor_wrap {
border: none !important;
min-height: unset !important;
}
.fc-event[data-color="#eee"] *,
.fc-event[data-color="#eeeeee"] *,
.fc-event[data-color="#fff"] *,
.fc-event[data-color="#ffffff"] *{
color: #333;
}
.zpm-setting--info {
opacity: .8;
font-size: 12px;
margin-bottom: 20px;
display: block;
}
.zpm-field--extra {
opacity: .9;
font-size: 12px;
margin-bottom: 10px;
display: block;
}.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}  .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}  .chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}  .chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}  .chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
background-image: linear-gradient(#eee 20%, #fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}  .chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}  .chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager/assets/css/chosen-sprite@2x.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}.zpm-dropdown-subdropdown {
position: absolute !important;
right: 0 !important;
bottom: 0 !important;
left: unset !important;
transform: translateX(100%) !important;
background: #fff !important;
display: none !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.07) !important;
}
.zpm-dropdown-item:hover .zpm-dropdown-subdropdown {
display: block !important;
}
.zpm-kanban-attachment {
margin: 0 !important;
}
.zpm-kanban-attachment:hover {
color: #555 !important;
}
.zpm_kanban_item.high.zpm-kanban-highlight .zpm_kanban_item_buttons .zpm-kanban-attachment:hover {
color: #333 !important;
}
a.zpm-dropdown-item {
text-decoration: none !important;
color: #555 !important;
}
a.zpm-dropdown-item:hover,
a.zpm-dropdown-item:focus,
a.zpm-dropdown-item:active {
box-shadow: none;
outline: none !important;
}
.zpm-kanban-attachment__action {
display: inline-block;
background: #eee;
color: #fff;
padding: 3px 7px;
border-radius: 3px;
margin-left: 10px;
}
.zpm-kanban-attachments.zpm-dropdown-subdropdown {
display: none;
pointer-events: none;
opacity: 0;
}
.zpm-kanban-attachment__url {
color: #333;
}
#zpm-task-attachments-modal {
text-align: left;
}
#zpm-kanban-user-picker {
position: fixed;
z-index: 9999;
background: #fff;
padding: 10px;
transform: translateY(20px);
display: none;
border: 1px solid #eee;
}
#zpm-kanban-user-picker.zpm-picker-active {
display: block !important;
}
.zpm-kanban-due {
position: absolute;
top: 10px;
right: 10px;
width: 40px
}
.zpm-kanban__datepicker {
position: absolute;
}
.zpm-kanban__datepicker input {
position: absolute;
top: -100px;
}
#zpm-task-edit-modal #zpm_edit_task_description {
height: auto;
}
#zpm-task-options-dropdown,
#zpm-project-options-dropdown {
display: block !important;
}
#zpm_create_task {
z-index: 9999999999 !important;
}
.zpm_kanban_title {
height: auto !important;
white-space: break-spaces !important;
}