.zephyr-gantt__chart .gantt {
width: 100%;
margin: 20px auto;
border: 14px solid #ddd;
position: relative;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.zephyr-gantt__chart .gantt:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.zephyr-gantt__chart .fn-gantt {
width: 100%;
}
.zephyr-gantt__chart .fn-gantt *,
.zephyr-gantt__chart .fn-gantt *:after,
.zephyr-gantt__chart .fn-gantt *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.zephyr-gantt__chart .fn-gantt .fn-content {
overflow: hidden;
position: relative;
width: 100%;
}
.fn-gantt .row {
float: left;
height: 24px;
line-height: 24px;
margin: 0;
}
#zephyr-gantt__chart .fn-gantt .leftPanel .name, #zephyr-gantt__chart .fn-gantt .leftPanel .desc {
display: inline !important;
width: 100%;
}
#zephyr-gantt__chart .fn-gantt .leftPanel .desc  {
display: none !important;
} .zephyr-gantt__chart .fn-gantt .leftPanel {
float: left;
width: 225px;
overflow: hidden;
border-right: 1px solid #DDD;
position: relative;
z-index: 20;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .fn-label {
display: inline-block;
margin: 0 0 0 5px;
color: #484A4D;
width: 110px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .row {
border-bottom: 1px solid #DDD;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
float: left;
height: 24px;
width: 50%;
background-color: #f6f6f6;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .name {
font-weight: bold;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
width: 100%;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .spacer {
background-color: #f6f6f6;
width: 100%;
} .zephyr-gantt__chart .fn-gantt .rightPanel {
overflow: hidden;
}
.zephyr-gantt__chart .fn-gantt .dataPanel {
margin-left: 0;
outline: 1px solid #DDD; background-image: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager-pro/assets/img/grid.png);
background-repeat: repeat;
position: relative;
}
.zephyr-gantt__chart .fn-gantt .row.header {
margin-right: -1px;
width: 100%;
}
.zephyr-gantt__chart .fn-gantt .day, .fn-gantt .date {
overflow: visible;
width: 24px;
line-height: 24px;
text-align: center;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
font-size: 11px;
color: #484a4d;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
text-align: center;
}
.zephyr-gantt__chart .fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
height: 24px;
text-align: center;
}
.zephyr-gantt__chart .fn-gantt .sa, .fn-gantt .sn {
color: #939496;
background-color: #f5f5f5;
text-align: center;
}
.zephyr-gantt__chart .fn-gantt .wd {
background-color: #f6f6f6;
text-align: center;
}
.zephyr-gantt__chart .fn-gantt .holiday {
background-color: #ffd263;
height: 24px;
}
.zephyr-gantt__chart .fn-gantt .today {
background-color: #fff8da;
height: 24px;
font-weight: bold;
text-align: center;
}
.zephyr-gantt__chart .fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
float: left;
overflow: hidden;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
height: 24px;
font-weight: bold;
font-size: 11px;
color: #484a4d;
text-shadow: 0 1px 0 rgba(255,255,255,0.75);
text-align: center;
}
.fn-gantt-hint {
border: 5px solid #edc332;
background-color: #fff5d4;
padding: 10px;
position: absolute;
display: none;
z-index: 11;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fn-gantt .bar {
height: 18px;
margin: 0 3px 3px 0;
position: absolute;
z-index: 10;
text-align: center;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
-moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fn-gantt .bar .fn-label {
line-height: 18px;
font-weight: bold;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
color: #414B57 !important;
text-align: center;
font-size: 11px;
}
.fn-gantt .ganttRed {
background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
color: #78436D !important;
}
.fn-gantt .ganttGreen {
background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
color: #778461 !important;
}
.fn-gantt .ganttOrange {
background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
color: #714715 !important;
} .fn-gantt .bottom {
clear: both;
background-color: #f6f6f6;
width: 100%;
}
.fn-gantt .navigate {
border-top: 1px solid #DDD;
padding: 10px 0 10px 225px;
}
.fn-gantt .navigate .nav-slider {
height: 20px;
display: inline-block;
}
.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
text-align: center;
height: 20px;
display: inline-block;
}
.fn-gantt .navigate .nav-slider-left {
float: left;
}
.fn-gantt .navigate .nav-slider-right {
float: right;
}
.fn-gantt .navigate .nav-slider-content {
text-align: left;
width: 160px;
height: 20px;
display: inline-block;
margin: 0 10px;
}
.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
position: absolute;
display: block;
}
.fn-gantt .navigate .nav-slider-bar {
width: 155px;
height: 6px;
background-color: #838688;
margin: 8px 0 0 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.fn-gantt .navigate .nav-slider-button {
width: 17px;
height: 60px;
background: url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager-pro/assets/img/slider_handle.png) center center no-repeat;
left: 0;
top: 0;
margin: -26px 0 0 0;
cursor: pointer;
}
.fn-gantt .navigate .page-number {
display: inline-block;
font-size: 10px;
height: 20px;
}
.fn-gantt .navigate .page-number span {
color: #666666;
margin: 0 6px;
height: 20px;
line-height: 20px;
display: inline-block;
}
.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
text-decoration: none;
}
.fn-gantt .nav-link {
margin: 0 3px 0 0;
display: inline-block;
width: 20px;
height: 20px;
font-size: 0;
background: #595959 url(//contractorclubusa.com/wp-content/plugins/zephyr-project-manager-pro/assets/img/icon_sprite.png) !important;
border: 1px solid #454546;
cursor: pointer;
vertical-align: top;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fn-gantt .nav-link:active {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
}
.fn-gantt .navigate .nav-page-back {
background-position: 1px 0 !important;
margin: 0;
}
.fn-gantt .navigate .nav-page-next {
background-position: 1px -16px !important;
margin-right: 15px;
}
.fn-gantt .navigate .nav-slider .nav-page-next {
margin-right: 5px;
}
.fn-gantt .navigate .nav-begin {
background-position: 1px -112px !important;
}
.fn-gantt .navigate .nav-prev-week {
background-position: 1px -128px !important;
}
.fn-gantt .navigate .nav-prev-day {
background-position: 1px -48px !important;
}
.fn-gantt .navigate .nav-next-day {
background-position: 1px -64px !important;
}
.fn-gantt .navigate .nav-next-week {
background-position: 1px -160px !important;
}
.fn-gantt .navigate .nav-end {
background-position: 1px -144px !important;
}
.fn-gantt .navigate .nav-zoomOut {
background-position: 1px -96px !important;
}
.fn-gantt .navigate .nav-zoomIn {
background-position: 1px -80px !important;
margin-left: 15px;
}
.fn-gantt .navigate .nav-now {
background-position: 1px -32px !important;
}
.fn-gantt .navigate .nav-slider .nav-now {
margin-right: 5px;
}
.fn-gantt-loader {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 );
background: rgba(0,0,0,0.75);
cursor: wait;
z-index: 30;
}
.fn-gantt-loader-spinner span {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
height: 1em;
line-height: 1em;
color: #fff;
font-size: 1em;
font-weight: bold;
}
.row:after {
clear: both;
}
.gantt {
border: 1px solid #ccc;
border-radius: 0;
}
.row.header:nth-of-type(3) {
-webkit-box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.08);
box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.08);
}
.fn-gantt .bar .fn-label {
color: #fff !important;
padding: 0 10px;
cursor: pointer;
transition: all .12s ease-in-out;
text-shadow: none !important;
}
.fn-gantt .bar .fn-label:hover {
background: #6060f7;
}
.zephyr-gantt__chart .row.day.today,
.zephyr-gantt__chart .row.date.today .fn-label {
color: #fff !important;
background: #ed125b;
text-shadow: none;
}
.zpm-hide-gantt-task {
margin-right: 10px;
cursor: pointer;
}
.zpm-hide-gantt-task-toggle {
cursor: pointer;
}
.zephyr-gantt__chart .row.day {
background: #f9f9f9;
}
.zephyr-gantt__chart .row.day:hover {
background: #f4f4f4;
}
.zephyr-gantt__chart .row.month {
background: #eee !important;
}
.zephyr-gantt__chart .row.month:hover {
background: #e9e9e9 !important;
}
.zephyr-gantt__chart .row {
transition: background .12s ease-in-out;
}
.zephyr-gantt__chart .row.spacer {
background: #e9e9e9;
}
.zephyr-gantt__chart .nav-slider-right .nav-link,
.zephyr-gantt__chart .nav-slider-left .nav-link {
color: #fff !important;
}
.zephyr-gantt__chart .dataPanel {
cursor: pointer;
}
.fn-gantt .leftPanel .row:hover {
background: #eee;
cursor: pointer;
}
.row.name.zpm-gannt-row__completed {
background: #ed125b;
color: #fff;
}
.row.name.zpm-gannt-row__completed .fn-label {
color: #fff !important;
}
.row.name.zpm-gannt-row__completed:hover {
background: #d71052;
color: #fff;
}
.zephyr-gantt__chart .fn-gantt .leftPanel .name,
.zephyr-gantt__chart .fn-gantt .leftPanel .desc {
}
.zephyr-gantt__chart .row.name .fn-label {
height: 100%;
margin: 0;
padding-left: 10px;
}
.zephyr-gantt__chart .fn-gantt .zpm-material-checkbox > span:before {
width: 14px;
height: 14px;
font-size: 1px;
}
.zephyr-gantt__chart .fn-gantt .zpm-material-checkbox > span:after {
width: 7px;
height: 4px;
font-size: 1px;
}
.zephyr-gantt__chart .fn-gantt .zpm-material-checkbox input {
height: 30px !important;
width: 30px !important;
left: -7px;
top: -5px;
}
.zephyr-gantt__chart .fn-gantt .bar.zpm-gantt-resizing .fn-label {
background: #d71052;
}
.zephyr-gantt__chart .fn-gantt .bar .fn-label:hover {
background: #d71052;
}
.zephyr-gantt__chart .fn-gantt .nav-link {
border-color: #444 !important;
}
.zpm-hide-gantt-task-toggle {
display: none !important;
}
.zpm-hide-gantt-task .fa-eye-slash {
color: rgba(0,0,0,0.2);
}
.zpm-gannt-row__completed .zpm-hide-gantt-task label {
color: #fff !important;
}
.zpm-gannt-row__completed .zpm-hide-gantt-task .fa-eye-slash {
color: rgba(255, 255,255,0.7) !important;
}
.zpm-hide-gantt-task label {
transition: all .14s ease-in-out;
}
.zpm-hide-gantt-task label:hover {
color: #ed125b;
}
.zephyr-gantt__chart .row.spacer,
.zephyr-gantt__chart .row.year,
.zephyr-gantt__chart .row.year:hover{
background: #ed125b;
border-color: #e3165a;
color: #fff !important;
border-left: none !important;
}
.zephyr-gantt__chart .fn-gantt .leftPanel {
border-right: none;
box-shadow: 0 5px 6px rgba(0, 0, 0, 0.00), 0 1px 10px rgba(0, 0, 0, 0.08) !important;
z-index: 999;
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.zephyr-gantt__chart .bar .fn-label:hover {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.01) !important;
z-index: 999;
}
.zephyr-gantt__chart .fn-label {
user-select: none;
}
.zephyr-gantt__container {
border-radius: 3px !important;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 0 3px 20px rgba(0, 0, 0, 0.01) !important;
}
.zpm-gantt-task-options {
position: absolute;
right: 10px;
font-size: 11px;
}
.zephyr-gantt__chart .row.name {
position: relative;
}
.zephyr-gantt__chart .row.name .zpm-dropdown {
bottom: 50%;
top: unset;
top: none;
right: 24px;
}
.zpm-dropdown-item {
display: block;
padding: 5px 10px;
font-size: 12px;
}
.zpm-quick-input-modal {
height: auto;
min-height: none;
min-height: unset;
padding: 15px;
}
.zpm-modal-buttons {
padding-top: 10px;
text-align: right;
}
.zpm-modal-buttons button {
margin-left: 5px;
}
.zpm-quick-input-modal .zpm-modal-title {
margin: 0;
text-align: left;
margin-top: 5px;
font-size: 16px;
}
.fn-gantt-loader {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
}
.zpm-gantt-subtask .fn-label {
color: #aaa !important;
background: #eee;
padding-left: 30px !important;
}
#zpm-gantt__new-task-btn {
position: absolute;
right: 10px;
bottom: 8px;
}
.zpm-hide-gantt-task {
transition: all .12s ease-in-out;
display: none;
margin-right: 5px;
}
.fn-label:hover .zpm-hide-gantt-task {
display: inline-block;
}
.fn-label * {
transition: all .12s ease-in-out;
}
.zpm-gantt__complete-task {
margin-right: 5px;
}
.fn-gantt .navigate .nav-slider-left button,
.fn-gantt .navigate .nav-slider-right button{
padding: 0;
}
.zephyr-frontend-manager-template .row.header {
display: block !important;
}
.zpm-gantt-subtask .fn-label {
background: initial;
}
.leftPanel {
width: 340px !important;
}
.leftPanel .row .fn-label {
width: 100% !important;
max-width: 90% !important;
}.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}