:root {
--main-font: Ubuntu, Century Gothic, Tahoma;
--main-color: black;
--main-background-color: white;
--tab-header-background-color: #F4F7FA;
--tab-header-inactive-color: #888888;
--tab-header-active-color: #000000;
--tab-header-active-background-color: #FFFFFF;
--icon-blue-color: #007bff;
--icon-gray-color: #6c757d;
--ist-card-color: #56CFFF;
--ist-comment-color: #166A7B;
--ist-document-icon-color: #2dbd9a;
--ist-grid-icon-color: #888888;
--ist-stamp-icon-color: #d98f44;
--ist-markup-icon-color: #2d90d0;
--ist-cost-icon-color: #e9731f;
--ist-income-icon-color: #0470b4;
--ist-finace-group-color: #999999;
--ist-board-icon-color: #deb525;
--ist-wbs-level-0-color: #ffba08; /* Sun Yellow */
--ist-wbs-level-1-color: #52b788; /* Mint Green */
--ist-wbs-level-2-color: #1a759f; /* Teal Blue */
--ist-wbs-level-3-color: #6a4c93; /* Grape Purple */
--ist-wbs-level-4-color: #f8961e; /* Bright Orange */
--ist-wbs-level-5-color: #bc4749; /* Deep Coral */
--ist-wbs-level-6-color: #4361ee; /* Indigo Blue */
--ist-wbs-level-7-color: #90be6d; /* Lime Green */
--ist-wbs-level-8-color: #f9844a; /* Peach Orange */
--ist-wbs-level-9-color: #8338ec; /* Electric Purple */
--ist-wbs-level-10-color: #b5179e; /* Magenta */
--ist-wbs-dark-level-0-color: #b38300; /* Darker Sun Yellow */
--ist-wbs-dark-level-1-color: #3a6f5a; /* Darker Mint Green */
--ist-wbs-dark-level-2-color: #0f4a6d; /* Darker Teal Blue */
--ist-wbs-dark-level-3-color: #4a306b; /* Darker Grape Purple */
--ist-wbs-dark-level-4-color: #b36700; /* Darker Bright Orange */
--ist-wbs-dark-level-5-color: #8b3133; /* Darker Deep Coral */
--ist-wbs-dark-level-6-color: #2c3b93; /* Darker Indigo Blue */
--ist-wbs-dark-level-7-color: #618b48; /* Darker Lime Green */
--ist-wbs-dark-level-8-color: #b7652a; /* Darker Peach Orange */
--ist-wbs-dark-level-9-color: #5b26a4; /* Darker Electric Purple */
--ist-wbs-dark-level-10-color: #7a116f; /* Darker Magenta */
}
a {
cursor: pointer;
}
body, html {
height: 100%;
}
/*jQueryUI start*/
body .ui-widget {
font-family: var(--main-font);
}
.ui-dialog, .ui-dialog-content {
box-sizing: content-box;
}
.ui-widget-header {
background: #fafafa !important;
color: #000000 !important;
}
.ui-widget-header .ui-icon {
width: 16px;
height: 16px;
display: block;
float: right;
}
.ui-datepicker {
z-index: 1000003 !important;
}
.ui-dialog-titlebar-close .ui-button-text {
background: transparent !important;
}
.ui-dialog .ui-dialog-titlebar-pin {
position: absolute;
right: 1.8em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-autocomplete {
font-family: var(--main-font);
font-size: 14px;
}
.ui-autocomplete-input {
padding-right: 35px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
opacity: .35 !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
background-position: -64px -16px;
}
/*jQueryUI end*/
.ist-dashboard-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-dashboard-icon:hover, .ist-dashboard-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat !important;
}
.ist-ppp-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-ppp-icon:hover, .ist-ppp-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat !important;
}
.ist-board-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-board-icon:hover, .ist-board-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-document-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-document-icon:hover, .ist-document-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-risk-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-risk-icon:hover, .ist-risk-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-issue-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-issue-icon:hover, .ist-issue-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-finance-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-finance-icon:hover, .ist-finance-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-cr-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-cr-icon:hover, .ist-cr-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-lesson-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-lesson-icon:hover, .ist-lesson-icon.active {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-analytics-icon {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-analytics-icon:hover, .ist-analytics-icon.active {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-correspondence-icon {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-correspondence-icon:hover, .ist-correspondence-icon.active {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-bim-icon {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-bim-icon:hover, .ist-bim-icon.active {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist_font {
font-family: var(--main-font);
}
.ist-min-h-40 {
min-height: 40px;
height: auto;
}
.ist-w-130 {
width: 130px;
}
.ist-hidden {
display: none !important;
}
.error {
color: red;
}
.ist-label {
line-height: 30px;
margin-right: 5px;
color: #888888;
/*min-width:100px;*/
text-align: right;
}
.ist-select {
max-width: 160px !important;
width: 130px !important;
height: 30px !important;
}
.ist-select-sm {
max-width: 80px !important;
width: 80px !important;
height: 30px !important;
}
.ist-area-icon-3p {
font-size: 40px !important;
line-height: 0.5 !important;
}
.ist-area-icon-element {
font-size: 11px !important;
line-height: 1.5 !important;
}
.ist-header {
display: flex;
z-index: 95;
height: 40px;
background-color: #F4F7FA;
color: #fff;
justify-content: space-between;
align-items: center;
padding: 0 16px;
position: fixed;
top: 0;
left: 54px;
right: 0;
}
.ist-top-toolbar {
z-index: 90;
background-color: #F4F7FA;
padding: 4px 16px;
position: fixed;
top: 40px;
left: 54px;
right: 0;
box-sizing: border-box;
}
.ist-content {
margin-top: 40px;
padding: 6px 16px;
flex-grow: 1;
overflow-y: auto;
margin-left: 54px;
}
.ist-title {
color: #000000;
max-width: 25%;
min-width: max-content;
font-size: larger;
font-weight: 900;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ist-nav a {
margin: 0px 0;
height: 44px;
display: block;
}
.ist-nav::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
background-color: #F5F5F5;
}
.ist-nav::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
background-color: #e6e6e6;
}
.ist-nav::-webkit-scrollbar-thumb, .ist-nav::-webkit-scrollbar-thumb {
background-color: #C0C0C0;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}
.ist-logo {
margin-top: 5px;
float: left;
position: absolute;
z-index: 100;
}
.ist-logo a img {
vertical-align: middle;
}
.ist-sidebar {
display:flex;
align-items:center;
flex-direction:column;
bottom: 0;
width: 54px;
top: 0;
background: #2B303A;
position: fixed;
text-align: center;
height: 100%;
z-index: 99;
-webkit-box-shadow: 4px 0px 25px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 4px 0px 25px 0px rgba(0,0,0,0.50);
box-shadow: 4px 0px 25px 0px rgba(0,0,0,0.50);
overflow-x: hidden;
overflow-y: auto; /**/
}
.ist-sidebar::-webkit-scrollbar-thumb {
background-color: #1d2026;
border-radius: 5px;
}
.ist-sidebar::-webkit-scrollbar {
width: 7px;
background-color: #424751
}
.ist-sidebar nav {
margin-top: 86px;
padding: 10px 0 0;
}
.ist-sidebar-icon {
cursor: pointer;
display: inline-flex;
height: 30px;
width: 54px;
}
.ist-right-sidebar {
width: 22px;
background: #F4F7FA;
position: fixed;
right: 0px;
text-align: center;
height: 100%;
z-index: 85;
overflow: hidden;
top: 0;
}
.ist-slick-slider-container {
position: absolute;
top: 110px;
height: 320px;
width: 20px;
overflow: hidden;
}
.ist-slick-slider-dot {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
padding-bottom: 8px;
cursor: pointer;
margin-bottom: 5px;
}
.ist-dot-pasive {
opacity: 0.5;
}
.ist-dot-active {
opacity: 1;
}
.ist-dot-small {
background-image: url('data:image/svg+xml;utf8,');
opacity: 0.5;
}
.ist-notification-outer {
position: fixed;
top: 35px;
right: 20px;
width: 35%;
max-height: 90vh;
overflow-y: auto;
background-color: white;
border-left: 1px solid #ccc;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 1050;
padding: 1rem;
border-radius: 0.5rem 0 0 0.5rem;
display: none;
min-height: 220px;
}
@media (max-width: 768px) {
.ist-notification-outer {
width: 75%;
}
}
.ist-backgroundTask-outer {
position: fixed;
top: 35px;
right: 20px;
width: 35%;
max-height: 90vh;
overflow-y: auto;
background-color: white;
border-left: 1px solid #ccc;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
z-index: 1050;
padding: 1rem;
border-radius: 0.5rem 0 0 0.5rem;
display: none;
min-height: 220px;
}
@media (max-width: 768px) {
.ist-backgroundTask-outer {
width: 75%;
}
}
.ist-grid-link-cell a {
color: #0dcaf0 !important;
}
.ist-grid-link-cell a:focus, .ist-grid-link-cell a:hover {
color: #3dd5f3 !important;
}
.ist-progress-container {
display: inline-block;
visibility: hidden;
border: 1px solid #0d8a51;
width: 65%;
height: 18px;
margin-top: 2px;
border-radius: 8px;
overflow: hidden;
}
.ist-progress-title {
font-size: 15px;
color: black;
}
.ist-progress {
height: 18px;
width: 0%;
margin-top: 18px;
vertical-align: middle;
background-color: rgb(4, 166, 0);
}
.ist-progress-info {
font-size: 15px;
margin: -20px 0 0 20px;
color: #122b11;
}
progress {
text-align: center;
margin-left: 0;
}
progress:after {
content: attr(value)'%';
position: relative;
top: 9px;
color: black;
}
progress[value] {
height: 20px;
}
progress[value]::-moz-progress-bar {
background-image: -moz-linear-gradient(135deg, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66% ), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left, #09c, #4f4);
border-radius: 2px;
background-size: 35px 20px, 100% 100%, 100% 100%;
}
progress[value]::-webkit-progress-value {
background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44);
border-radius: 2px;
background-size: 35px 20px, 100% 100%, 100% 100%;
}
.button_upload, .button_clear {
display: none;
}
.ist-footer {
z-index: 95;
padding: 0 16px;
height: 30px;
background-color: #F4F7FA;
color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
align-items: center;
position: fixed;
bottom: 0;
left: 54px;
right: 0;
}
.ist-footer-status-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.ist-footer-feedback-container,
.ist-footer-info-container {
flex-grow: 1;
max-width: 250px;
}
.ist-footer-info-container {
flex-grow: 1;
position: relative;
z-index: 1;
min-width: 250px;
border-radius: 10px;
overflow: hidden;
display: none;
}
.ist-footer-info {
height: 20px;
width: 100%;
background: #aaaaaa;
}
.ist-footer-info-label {
position: absolute;
margin-top: 1px;
top: 50%;
left: 10px;
right: 10px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: space-between;
font-size: 12px;
padding-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.ist-footer-info-label .ist-footer-info-text {
flex-shrink: 0;
margin-right: 10px;
}
.ist-footer-info-label .ist-footer-info-description {
font-size: 0.75rem;
color: white;
font-style: italic;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
max-width: 200px;
cursor: pointer;
}
.ist-footer-tooltip {
position: absolute;
background-color: #333;
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 0.75rem;
white-space: nowrap;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 1050;
display: none;
}
.ist-footer-description-btn {
position: relative;
cursor: pointer;
}
.ist-footer-operations-container {
position: fixed;
bottom: 40px;
left: 100px;
width: 400px;
z-index: 1050;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
border: 1px #dddddd solid;
padding: 10px;
background-color: #fff;
display: none;
}
.ist-footer-toggle-button {
z-index: 2;
}
.ist-timeout-title {
font-size: 12px;
font-family: var(--main-font);
color: #166A7B;
position: relative;
margin-right: 10px;
}
.ist-timeout-progress-container {
width: 100%;
height: 10px;
background-color: #888888;
border-radius: 5px;
cursor: pointer;
}
.ist-timeout-progress {
border-radius: 5px;
background-color: #166A7B;
width: 100%;
height: 10px;
position: relative;
}
.ist-toast-list {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 1080
}
.ist-in-active-flow {
color: red !important;
}
.ist-in-not-finished-flow {
color: orange !important;
}
.ist-map-infobox-info {
background-color: rgba(0,0,0,0.5);
color: white;
border-radius: 10px;
padding: 10px;
font-size: 14px;
pointer-events: auto !important;
overflow: hidden;
}
.ist-map-infobox-info::after {
content: "";
position: absolute;
height: 15px;
width: 15px;
bottom: -15px;
left: 10px;
background-color: rgba(0,0,0,0.5);
clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.ist-icon-grid {
color: var(--ist-grid-icon-color);
}
.ist-icon-card {
color: var(--ist-card-color);
}
.ist-icon-board {
color: var(--ist-board-icon-color);
}
.ist-icon-cost {
color: var(--ist-cost-icon-color);
}
.ist-icon-income {
color: var(--ist-income-icon-color);
}
.ist-icon-finance-group {
color: var(--ist-finace-group-color);
}
.ist-icon-comment {
color: var(--ist-comment-color);
}
.ist-icon-document {
color: var(--ist-document-icon-color);
}
.ist-icon-stamp {
color: var(--ist-stamp-icon-color);
}
.ist-icon-markup {
color: var(--ist-markup-icon-color);
}
/*Start Gantt*/
.gantt_container {
position: absolute !important;
}
.ist-project-gantt-top-container a {
color: #6c757d !important;
}
.ist-project-gantt-top-container a:hover {
color: #ffffff !important;
}
.ist-gantt-user-container {
height: 30px;
line-height: 30px;
vertical-align: middle;
}
.ist-gantt-img {
margin-left: -9px;
border-radius: 50%;
float: left;
width: 34px;
height: 34px;
border: 2px solid white;
}
.ist-gantt-lock-title {
line-height: 40px;
font-size: small;
}
.ist-gantt-weekend {
background: #f4f7f4 !important;
}
ist-project-gantt-top-container::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
background-color: #F5F5F5;
}
ist-project-gantt-top-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
ist-project-gantt-top-containers::-webkit-scrollbar-thumb {
background-color: #1ab394;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}
.ist-gantt-icon {
cursor: pointer;
display: inline-flex;
height: 20px;
width: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.ist-gantt-add-wbs-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-gantt-add-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-gantt-delete-icon {
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.gantt_task_progress {
background: #299cb4 none repeat scroll 0 0;
text-align: center;
z-index: 0;
}
/*Todo*/
.gantt_task_line.gantt_todo {
background-color: #A5E5FF;
border: 1px solid #66D3FF;
}
.gantt_task_line.gantt_todo .gantt_task_progress {
box-shadow: 0 0 0 15px #30AADB inset;
background-color: #30AADB;
}
/*Todo but critical path*/
.gantt_task_line.gantt_todo.gantt_bar_task.gantt_critical_task {
background-color: #eb2323;
border: 1px solid #eb2323;
}
.gantt_task_line.gantt_todo.gantt_bar_task.gantt_critical_task .gantt_task_progress {
box-shadow: 0 0 0 15px #c9302c inset;
background-color: #c9302c;
}
/*WBS*/
.gantt_task_line.gantt_wbs {
background-color: #B158B3 !important;
border: 1px solid #7E3E7F !important;
}
.gantt_task_line.gantt_wbs .gantt_task_progress {
box-shadow: 0 0 0 15px #7E3E7F inset !important;
background-color: #7E3E7F !important;
}
/*Task*/
.gantt_task_line.gantt_task {
background-color: #e04a2e;
border: 1px solid #AD3924;
}
.gantt_task_line.gantt_task .gantt_task_progress {
box-shadow: 0 0 0 15px #AD3924 inset;
background-color: #AD3924;
}
/*Task but critical path*/
.gantt_task_line.gantt_task.gantt_bar_task.gantt_critical_task {
background-color: #eb2323;
border: 1px solid #eb2323;
}
.gantt_task_line.gantt_task.gantt_bar_task.gantt_critical_task .gantt_task_progress {
box-shadow: 0 0 0 15px #c9302c inset;
background-color: #c9302c;
}
.gantt_line_wrapper div {
background-color: #ffa011
}
.gantt_tree_icon_wbs {
width: 20px;
height: 100%;
min-width: 20px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center
}
.gantt_tree_icon_task {
width: 20px;
height: 100%;
min-width: 20px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
padding-top: 5px;
}
.gantt_tree_icon_todo {
width: 20px;
height: 100%;
min-width: 20px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center;
padding-bottom: 5px;
}
.gantt_tree_icon_IBwbs {
width: 20px;
height: 100%;
min-width: 20px;
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center center
}
.gantt_grid_scale .gantt_grid_head_cell {
border-top: none !important;
border-right: 1px solid #cecece !important;
}
.gantt_wbs {
background-color: #B277B3;
border: 1px solid black;
}
.critical_link {
background-color: #eb2323;
}
.gantt_task_line.gantt_milestone {
background-color: #007bff !important;
}
.gantt-start-line {
background-color: rgba(12,163,10,.6) !important;
}
.gantt-today-line {
background-color: rgba(255,0,0,.6) !important;
}
.ist-wbs-level-0 {
color: var(--ist-wbs-level-0-color);
}
.ist-wbs-level-1 {
color: var(--ist-wbs-level-1-color);
}
.ist-wbs-level-2 {
color: var(--ist-wbs-level-2-color);
}
.ist-wbs-level-3 {
color: var(--ist-wbs-level-3-color);
}
.ist-wbs-level-4 {
color: var(--ist-wbs-level-4-color);
}
.ist-wbs-level-5 {
color: var(--ist-wbs-level-5-color);
}
.ist-wbs-level-6 {
color: var(--ist-wbs-level-6-color);
}
.ist-wbs-level-7 {
color: var(--ist-wbs-level-7-color);
}
.ist-wbs-level-8 {
color: var(--ist-wbs-level-8-color);
}
.ist-wbs-level-9 {
color: var(--ist-wbs-level-9-color);
}
.ist-wbs-level-10 {
color: var(--ist-wbs-level-10-color);
}
.ist-wbs-bar-level-0 {
background-color: var(--ist-wbs-level-0-color) !important;
border: var(--ist-wbs-dark-level-0-color) !important;
}
.ist-wbs-bar-level-0 .gantt_task_progress {
background-color: var(--ist-wbs-level-0-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-0-color) inset;
}
.ist-wbs-bar-level-1 {
background-color: var(--ist-wbs-level-1-color) !important;
border: var(--ist-wbs-dark-level-1-color) !important;
}
.ist-wbs-bar-level-1 .gantt_task_progress {
background-color: var(--ist-wbs-level-1-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-1-color) inset;
}
.ist-wbs-bar-level-2 {
background-color: var(--ist-wbs-level-2-color) !important;
border: var(--ist-wbs-dark-level-2-color) !important;
}
.ist-wbs-bar-level-2 .gantt_task_progress {
background-color: var(--ist-wbs-level-2-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-2-color) inset;
}
.ist-wbs-bar-level-3 {
background-color: var(--ist-wbs-level-3-color) !important;
border: var(--ist-wbs-dark-level-3-color) !important;
}
.ist-wbs-bar-level-3 .gantt_task_progress {
background-color: var(--ist-wbs-level-3-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-3-color) inset;
}
.ist-wbs-bar-level-4 {
background-color: var(--ist-wbs-level-4-color) !important;
border: var(--ist-wbs-dark-level-4-color) !important;
}
.ist-wbs-bar-level-4 .gantt_task_progress {
background-color: var(--ist-wbs-level-4-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-4-color) inset;
}
.ist-wbs-bar-level-5 {
background-color: var(--ist-wbs-level-5-color) !important;
border: var(--ist-wbs-dark-level-5-color) !important;
}
.ist-wbs-bar-level-5 .gantt_task_progress {
background-color: var(--ist-wbs-level-5-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-5-color) inset;
}
.ist-wbs-bar-level-6 {
background-color: var(--ist-wbs-level-6-color) !important;
border: var(--ist-wbs-dark-level-6-color) !important;
}
.ist-wbs-bar-level-6 .gantt_task_progress {
background-color: var(--ist-wbs-level-6-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-6-color) inset;
}
.ist-wbs-bar-level-7 {
background-color: var(--ist-wbs-level-7-color) !important;
border: var(--ist-wbs-dark-level-7-color) !important;
}
.ist-wbs-bar-level-7 .gantt_task_progress {
background-color: var(--ist-wbs-level-7-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-7-color) inset;
}
.ist-wbs-bar-level-8 {
background-color: var(--ist-wbs-level-8-color) !important;
border: var(--ist-wbs-dark-level-8-color) !important;
}
.ist-wbs-bar-level-8 .gantt_task_progress {
background-color: var(--ist-wbs-level-8-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-8-color) inset;
}
.ist-wbs-bar-level-9 {
background-color: var(--ist-wbs-level-9-color) !important;
border: var(--ist-wbs-dark-level-9-color) !important;
}
.ist-wbs-bar-level-9 .gantt_task_progress {
background-color: var(--ist-wbs-level-9-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-9-color) inset;
}
.ist-wbs-bar-level-10 {
background-color: var(--ist-wbs-level-10-color) !important;
border: var(--ist-wbs-dark-level-10-color) !important;
}
.ist-wbs-bar-level-10 .gantt_task_progress {
background-color: var(--ist-wbs-level-10-color) !important;
box-shadow: 0 0 0 15px var(--ist-wbs-dark-level-10-color) inset;
}
.gantt_task_line.ist-task-bar {
background-color: #A5E5FF;
border: 1px solid #66D3FF;
}
.gantt_task_line.ist-task-bar .gantt_task_progress {
box-shadow: 0 0 0 15px #30AADB inset;
background-color: #30AADB;
}
.gantt_task_line.ist-critical-task-bar {
background-color: #eb2323 !important;
border: 1px solid #eb2323 !important;
}
.gantt_task_line.ist-critical-task-bar .gantt_task_progress {
box-shadow: 0 0 0 15px #c9302c inset;
background-color: #c9302c;
}
.ist-gantt-cell {
display: grid;
place-items: center;
height: 100%;
}
.ist-gantt-icon-container {
display: grid;
place-items: center;
height: 100%;
margin-right: 5px;
}
.ist-gantt-context-menu {
position: absolute;
background-color: white;
border: 1px solid #ccc;
z-index: 1000;
padding: 3px;
border-radius: 5px;
}
/*End Gantt*/
.menu-item {
display: flex;
align-items: center;
color: gray;
cursor: pointer;
padding: 1px 8px; /* Yüksekliği azaltmak için padding değerleri küçültüldü */
}
.menu-item i {
margin-right: 8px;
}
.menu-item:hover {
color: black;
}
.menu-item:hover i {
color: black;
}
.ist-bold {
font-weight: bold;
}
.ist-spinner {
background: url('data:image/svg+xml;utf8, ') center center no-repeat; z-index: 9999;
margin: auto;
position: absolute;
left: calc(50% - 50px);
top: calc(50% - 50px);
min-height: 100px;
min-width: 100px;
}
.ist-img-selection-body {
margin: 10px;
}
.ist-img-selection-body img {
margin-left: 10px;
width: 75px;
height: 50px;
object-fit: cover;
}
.nav-link.active {
font-weight: 600;
border-bottom: 2px solid rgb(113, 124, 145) !important;
}
.ol-popup {
position: absolute;
background-color: white;
box-shadow: 0 1px 4px rgba(0,0,0,0.2);
padding: 15px;
border-radius: 10px;
border: 1px solid #cccccc;
bottom: 12px;
left: -50px;
min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ol-popup:after {
border-top-color: white;
border-width: 10px;
left: 48px;
margin-left: -10px;
}
.ol-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 48px;
margin-left: -11px;
}
.ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}
.ol-popup-closer:after {
content: "✖";
}
input.form-control:read-only:not([type="file"]):not([type="color"]),
textarea.form-control:read-only {
background-color: #e9ecef;
opacity: 1;
transition: none;
appearance: none;
}
.form-select-max-width {
max-width: 300px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*ist_generic Start*/
body {
font-family: var(--main-font);
padding: 0;
margin: 0;
background-color: #F4F7FA;
}
script {
display: none !important;
}
.ist-print-container {
position: absolute;
left: 0;
display: none;
}
@media print {
@page {
size: auto;
}
body * {
visibility: hidden;
-webkit-print-color-adjust: exact;
}
.ist-print-container, .ist-print-container * {
visibility: visible;
}
.ist-print-container {
position: absolute;
left: 0;
top: 0;
display: initial;
z-index: 2500;
}
a:link {
text-decoration: none !important;
}
.gantt_grid, .gantt_grid_data, .gantt_data_area {
height: 100% !important;
}
.gantt_task {
width: 100% !important;
height: 100% !important;
}
.ist-todo-card-new-container {
visibility: hidden;
}
}
.ist-check-list-container {
padding: 5px;
height: 100%;
border: solid 1px #D4D4D4;
overflow: auto;
}
.ist-header-module {
margin-top: 0px;
font-family: var(--main-font);
font-size: 14px;
font-weight: normal;
padding-left: 12px;
height: 35px;
padding-top: 2px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.ist-list-container {
border: 1px solid #dbdbdb;
height:100%;
}
/* ist_dialog_spinner Start */
.ui-spinner-input {
outline: none;
}
/* ist_dialog_spinner End */
/*ist_generic End*/
/* ist_main_layout Start*/
/* ist dictionary Start*/
.ist-dictionary-left-container {
border: 1px solid #dbdbdb;
overflow: hidden;
width: 37%;
float: left;
}
.ist-dictionary-right-container {
float: right;
width: 62%;
border: 1px solid #dbdbdb;
overflow-x: hidden;
}
.ist-dictionary-right-container .objbox {
overflow-x: hidden !important;
}
/* ist dictionary End*/
/* topToolbar Start*/
.ist-main-layout-top-menu-title {
font-size: 14px;
display: inline-block;
}
.ist-main-layout-top-menu-inner-container {
display: block;
white-space: nowrap;
line-height: 40px;
vertical-align: middle;
}
.ist-main-layout-top-input-text {
height: 30px;
min-width: 100px;
max-width: 200px;
border-radius: 5px;
background: #fafafa;
border: solid 1px #999999;
}
/* topToolbar End*/
.ist-main-layout-top-menu-inner-top-container {
font-size: 14px;
height: 40px;
}
.ist-main-layout-top-menu-inner-bottom-container {
background: #F4F7FA;
font-size: 14px;
height: 40px;
width: 100%;
}
.ist-main-layout-top-menu-inner-left-container, .ist-main-layout-top-menu-inner-right-container {
height: 40px;
line-height: 40px;
}
.ist-main-layout-top-menu-inner-filter-container {
height: 40px;
line-height: 40px;
}
.ist-main-layout-top-menu-inner-menu-container {
margin-left: 10px;
width: 20px;
}
.ist-input-file-container {
max-width: 500px
}
.ist-main-layout-gray-title-container {
color: #888888;
display: inline-flex;
height: 40px !important;
margin-right: 10px;
}
.ist-main-layout-gray-title-container span {
line-height: 40px;
font-size: medium;
}
.ist-main-layout-sub-title-container {
color: #000000;
display: inline-flex;
height: 40px !important;
float: left;
width: 130px;
}
.ist-main-layout-sub-title-container span {
line-height: 40px;
font-size: larger;
font-weight: 900;
}
/*icons Start*/
.ist-main-layout-top-icon {
cursor: pointer;
display: inline-flex;
height: 20px;
width: 30px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.ist-main-layout-delete-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-main-layout-search-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-main-layout-check-icon { /*green*/
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-spread-sheet-icon {
background: url('data:image/svg+xml;utf8,') left center no-repeat;
}
.ist-spread-sheet-icon span {
margin-left: 10px;
}
.ist-database-icon {
background: url('data:image/svg+xml;utf8,') left center no-repeat;
}
.ist-database-icon span {
margin-left: 10px;
}
.ist-main-layout-limited-archived-icon {
cursor: pointer;
display: inline-flex;
width: 25px;
height: 25px;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-main-layout-all-archived-icon {
cursor: pointer;
display: inline-flex;
width: 25px;
height: 25px;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
width: 0px;
}
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
padding: 0px
}
/*icons End*/
/* ist_main_layout End*/
/* ist-main-list-menu Start */
/* ist_buttons Start*/
.ist-main-layout-filter-button {
position: relative;
cursor: pointer;
display: inline-flex;
float: left;
margin: 10px 5px 0 20px;
/*search.svg*/
background: url('data:image/svg+xml;utf8,') center center no-repeat;
width: 20px;
height: 20px;
}
/* ist_buttons End*/
/* ist_context_menu Start*/
.ist-context-menu-sub-object-selection-container {
display: inline;
}
.ist-null-span {
margin-top: 1px;
padding-left: 18px;
}
#ist-context-menu-sub-object-selection-outher-container {
width: 160px;
}
#ist-context-menu-sub-object-selection-outher-container input {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-o-user-select: none;
cursor: context-menu;
}
/*#ist-context-menu-sub-object-selection-outher-container input:focus ~ ul {
display: block;
}*/
.ist-context-menu-sub-object-selection {
width: 160px;
font-family: var(--main-font);
font-size: 14px;
background-color: white;
color: black;
position: relative;
left: 0px;
cursor: context-menu;
max-height: 350px;
}
.ist-context-menu-sub-object-selection-container {
position: absolute;
z-index: 1500;
display: none;
}
.ist-context-menu-sub-object-selection-container ul {
list-style: none;
overflow-x: hidden;
overflow-y: auto;
border: 1px solid #ccc;
background-color: white;
margin-bottom: 0;
}
.ist-context-menu-sub-object-selection li {
position: relative;
display: block;
width: 155px;
float: left;
margin-left: -30px;
background-color: white;
height: 20px;
white-space: nowrap;
padding-right: 12px;
line-height: 20px;
}
.ist-context-menu-sub-object-selection span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
width: 140px;
white-space: nowrap;
overflow: hidden;
text-align: left;
}
.ist-context-menu-sub-object-selection li:hover {
background-color: #1E90FF;
color: #fff;
}
.ist-context-menu-sub-object-selection li:hover > .ist-context-menu-sub-object-selection-container {
display: block;
}
.ist-context-menu-sub-object-selection li ul {
position: fixed;
width: 150px;
margin-top: -45px;
margin-left: -168px;
display: none;
max-height: 350px;
}
.ist-context-menu-sub-object-selection li ul li {
width: 170px;
color: black;
position: relative;
white-space: nowrap;
padding-right: 3px;
}
.ist-context-menu-sub-object-selection li:hover ul {
display: block;
}
.ist-context-menu-left-angle-icon {
display: inline;
background-repeat: no-repeat;
background-position-x: 0px;
background-position-y: 0px;
padding-left: 12px;
position: relative;
top: 1px;
background-image: url('data:image/svg+xml;utf8,');
}
.ist-context-menu-program-icon {
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 3px;
padding-left: 18px;
background-image: url('data:image/svg+xml;utf8,');
}
.ist-context-menu-project-icon {
background-repeat: no-repeat;
background-position-x: 1px;
background-position-y: 3px;
padding-left: 18px;
background-image: url('data:image/svg+xml;utf8,');
}
/* ist_context_menu End*/
/* ppp Start*/
ul.ist-ppp-menu {
text-decoration: none;
}
.ist-ppp-grid-container {
cursor: default;
}
.ist-ppp-item-red, .ist-ppp-item-blue, .ist-ppp-item-green {
cursor: pointer;
display: inline-block;
text-align: center;
background: #68E37D;
color: #fff;
height: 35px;
line-height: 35px;
width: 90px;
margin-right: -8px;
}
.ist-ppp-item-red {
background: #E36A69;
}
.ist-ppp-item-blue {
background: #69C4E3;
}
.ist-ppp-item-green {
background: #68E37D;
}
.ist-ppp-item-passive {
background: #000000;
}
.ist-ppp-item-gray {
cursor: pointer;
text-align: center;
background: #888888;
border: 1px solid #FAFAFA;
border-radius: 4px;
padding: 4px;
margin-right: 4px;
color: #fff;
}
.ist-ppp-open-project-item-passive {
background: #D4D4D4;
color: #000;
}
.ist-ppp-item-left {
border: 1px solid #FAFAFA;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ist-ppp-item-middle {
border: 1px solid #FAFAFA;
}
.ist-ppp-item-right {
border: 1px solid #FAFAFA;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ist-ppp-container {
background: #FAFAFA;
}
/* ppp End*/
/* ist_board Start*/
.ist-board-stages-form-check-list-container {
display: inline-block;
margin: 5px;
height: 300px;
width: 250px;
}
.ist-board-form-check-list-container {
display: inline-block;
height: 110px;
width: 100%;
}
.ist-board-form-check-list-container span {
height: 20px;
}
.ist-board-form-check-list-container input[type=checkbox], ist-board-stages-form-check-list-container input[type=checkbox] {
clear: both;
height: 13px;
padding: 0px;
margin: 3px 10px 0 0;
}
.ist-board-check-list-icon {
cursor: pointer;
display: inline-flex;
width: 25px;
height: 25px;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-board-right-stage-arrow-icon {
cursor: pointer;
display: inline-flex;
width: 25px;
height: 13px;
margin-top: 5px;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-board-left-stage-arrow-icon {
cursor: pointer;
display: inline-flex;
width: 25px;
height: 13px;
margin-top: 5px;
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
}
.ist-board-header {
width: max-content;
height: 30px;
margin-top: 1px;
z-index: 50;
}
.ist-board-header-container {
display: inline-block;
position: relative;
float: left;
width: 307px;
overflow: visible;
margin: 0px 1px 1px 1px;
border-radius: 3px;
box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);
}
.ist-board-header-container-inner {
width: 307px;
}
.ist-stage-vertical-container {
display: none;
width: 24px;
cursor: pointer;
}
.ist-stage-vertical {
color: white;
white-space: nowrap;
position: absolute;
top: 350px;
left: 0;
transform-origin: 0 0;
transform: rotate(270deg);
}
.ist-board-header-item-container {
line-height: 28px;
}
.ist-board-header-item-icon {
display: inline-block;
margin: 2px 2px 4px 2px;
}
.ist-board-header-item-icon .left {
float: left;
}
.ist-board-header-item-icon .right {
float: left;
}
.ist-board-header-item-span {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 215px;
}
/* ist_board End*/
/* todo Start */
.ist-todo-responsible {
display: inline-block;
width: 50px;
height: 70px;
position: relative;
z-index: 1000;
float: left;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
}
.ist-todo-responsible-name {
display: none;
height: 20px;
width: 100%;
font-size: 100%;
white-space: nowrap;
line-height: 20px;
position: relative;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
transition: opacity .2s, visibility .2s;
}
.ist-todo-project-name {
/*white-space: nowrap;*/
max-width: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
/* todo End */
/* dhtmlx start*/
/*grids Start*/
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
color: #888888 !important;
font-family: var(--main-font);
}
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text {
color: #000000 !important;
}
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected,
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td {
background-color: white !important;
}
div.dhtmlxMenu_dhx_web_SubLevelArea_Polygon {
background: rgba(255,255,255,1) !important;
border: none !important;
border-radius: 5px;
box-shadow: 2px 3px 13px rgba(0,0,0,0.6) !important;
-moz-box-shadow: 2px 3px 13px rgba(0,0,0,0.6) !important;
-webkit-box-shadow: 2px 3px 13px rgba(0,0,0,0.6) !important;
-khtml-box-shadow: 2px 3px 13px rgba(0,0,0,0.6) !important;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3) !important;
-moz-user-select: none;
}
div.gridbox_dhx_web table.obj.row20px tr td a {
text-decoration: none;
/* margin-right: 5px;*/ /*Ahmet Doğru -> V20-8102*/
}
div.gridbox_dhx_web {
border: none !important;
}
div.gridbox_dhx_web.grdDocumentGreyedOut table.obj tr.rowselected td {
background-color: #cccccc !important;
}
.dhtmlxcalendar_dhx_web, .dhtmlxMenu_dhx_web_SubLevelArea_Polygon {
z-index: 3000 !important;
}
.ist-uneditable-row td {
color: gray !important;
}
.treegrid_cell img {
margin-right: 2px;
}
/*grids End*/
/* uploder Start*/
.dhxform_obj_dhx_web, .dhxform_obj_dhx_web .dhxform_base {
width: 100% !important;
}
.dhxform_base fieldset {
border: none !important;
}
.ist-document-top-uploader-container {
width:100%;
margin: 2px;
height: 65px;
font-size: 12px;
border: solid 1px #8b8b8b;
overflow: hidden;
border-radius: 5px;
transition: all 0.4s ease;
}
.ist-document-top-uploader-container.dragover {
position:absolute;
width:100%;
height: 400px;
padding: 40px;
background: linear-gradient(135deg, #e6f7ff, #ffffff);
border: 2px dashed #1890ff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(24, 144, 255, 0.15);
transition: all 0.3s ease;
align-items: center;
justify-content: center;
color: #1890ff;
font-weight: 500;
font-size: 16px;
}
.ist-document-top-uploader-container.dragover > div:first-child {
height: 400px !important;
}
.ist-document-top-uploader-container.dragover > div:first-child .dhx_file_uploader {
height: 400px;
}
.dhx_file_uploader {
margin-top: 10px;
}
.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
opacity: 0.5;
}
.dhxform_obj_dhx_web .button_browse {
width: 54px !important;
height: 30px !important;
background: url('data:image/svg+xml;utf8,') center center no-repeat !important;
}
.ist-document-top-uploader-container div.dhx_upload_files, .ist_uploader_container dhx_upload_files {
width: 100% !important;
height: 50px;
top: -8px !important;
font-weight: bold;
}
.ist-document-top-uploader-container div.dhx_file_uploader_button.button_clear, .ist-document-top-uploader-container div.dhx_file_uploader_button.button_cancel, .ist-form-uploader-container div.dhx_file_uploader_button.button_cancel {
display: none !important;
}
.ist-form-uploader-container {
width: 100%;
height: 100%;
/* min-height:250px;*/
float: none;
border: solid 1px #8b8b8b;
border-radius: 5px;
}
.ist-profile-avatar-uploader-container-outer {
display: inline-block;
width: 200px;
height: 80px;
/*float: left;*/
display: none;
}
.ist-profile-avatar-uploader-container-outer .dhx_file_uploader_button.button_browse {
margin-top: 30px;
margin-right: 33px;
}
.ist-profile-avatar-uploader-container {
width: 200px;
height: 80px;
float: none;
border: solid 1px #8b8b8b;
border-radius: 5px;
}
/* uploader End*/
/*Start ist_dashboard */
.ist-dashboard-portlet-header {
display: inline-block;
height: 40px;
width: 75%;
vertical-align: middle;
line-height: 40px;
}
.ist-dashboard-portlet-header a.fullscr {
display: block;
width: 15px;
height: 10px;
background-position: -32px -128px;
float: right;
}
.ist-dashboard-menu-icon {
float: right;
margin-right: 10px;
cursor: pointer;
}
.ist-dashboard-portlet {
padding: 4px 4px 4px 0px;
border: none;
border-radius: 0;
background: #ffffff url(../../Images/jquery/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
-webkit-box-shadow: 0px 3px 8px 0px rgba(136,136,136,0.67);
-moz-box-shadow: 0px 3px 8px 0px rgba(136,136,136,0.67);
box-shadow: 0px 3px 8px 0px rgba(136,136,136,0.67);
}
.ist_dashboard_content_container { /*ÖNEMLİ*/
overflow: hidden;
}
.ist-dashboard-single-portlet {
width: 100%;
float: left;
padding-bottom: 15px;
}
.ist-dashboard-double-portlet {
width: 50%;
float: left;
padding-bottom: 15px;
}
.ist-dashboard-double-portlet .ist-dashboard-portlet-header {
line-height: 20px
}
.ist-dashboard-double-portlet .ist-dashboard-header-select-container select {
height: 19px;
}
.ist-dashboard-double-portlet .ist-dashboard-header-select-container span {
height: 19px;
font-size: 14px;
}
.ist-dashboard-double-portlet .ist-dashboard-no-data_container h4 {
height: 15px;
line-height: 15px;
margin: 0px 0px 0px 5px;
color: #DBA0A0;
font-size: 14px;
font-weight: bold;
}
.ist-dashboard-no-data_container {
display: none;
}
.ist-dashboard-no-data_container h4 {
height: 15px;
line-height: 15px;
margin: 0px 0px 0px 20px;
color: #DBA0A0;
font-size: 20px;
font-weight: bold;
}
.ist-dashboard-header-select-container {
display: inline-block;
}
/* Start ist_dashboard_settings */
.ist-dashboard-items-outer {
overflow: auto;
height: 88%;
}
.ist-dashboard-widget-container {
border: 1px solid #d7d7d7;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
padding-top: 0.5%;
}
.ist-dashboard-widget-inner {
min-height: 360px;
padding-bottom: 30px;
}
.ist-dashboard-widget {
cursor: pointer;
border: solid 1px #b99005;
font-family: var(--main-font);
font-size: 12px;
margin: 0.5%;
background-color: #F9BA74;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
color: #166A7B;
background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
padding: 2px;
vertical-align: middle;
line-height: 21px;
}
.ist-dashboard-item-header {
font-family: var(--main-font);
font-size: 14px;
color: #166A7B;
padding: 2px;
}
.ist-dashboard-item-header-middle {
height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ist-dashboard-analytic {
background-color: #DDE4EF;
border-color: #437a50;
background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)
}
.ist-dashboard-noaccess {
color: #ea2e2e;
border-color: #ea2e2e;
border-style: dashed;
background-color: white;
background-image: none;
}
.ist-dashboard-remove-item {
cursor: pointer;
background-repeat: no-repeat;
display: inline-block;
background: url('data:image/svg+xml;utf8,') center center no-repeat;
width: 13px;
height: 13px;
margin-left: 4px;
}
.ist-dashboard-item-configure {
cursor: pointer;
background-repeat: no-repeat;
display: inline-block;
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
width: 13px;
height: 13px;
margin-left: 4px;
}
.ist-dashboard-item-name {
max-width: 120px;
line-height: 15px;
overflow: hidden;
}
.ist-dashboard-remove-item-with-noaccess {
cursor: pointer;
background-repeat: no-repeat;
display: inline-block;
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
width: 13px;
height: 13px;
margin-left: 4px;
}
.ist-resize-left {
cursor: pointer;
background-repeat: no-repeat;
display: inline-block;
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
width: 13px;
width: 13px;
height: 13px;
}
.ist-resize-right {
cursor: pointer;
background-repeat: no-repeat;
display: inline-block;
background: url('data:image/svg+xml;utf8, ') center center no-repeat;
width: 13px;
width: 13px;
height: 13px;
}
.ist-dashboard-widget-icon {
height: 20px;
width: 20px;
line-height: 20px;
padding-left: 22px;
}
.ist-system-widget {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-analytic-widget {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
.ist-dashboard-widget-icon-span {
line-height: 20px;
color: #888;
}
/* End ist_dashboard_settings */
/*End ist_dashboard */
/* Start ist_form */
.ist-form-not-rendered-fields {
border: solid 1px #FFFFFF;
border-radius: 3px;
background-color: #7CAFD4;
color: #ffffff;
margin-bottom: 2px;
padding-left: 2px;
}
.ist-form-rendered-fields {
border: solid 1px #0D6CAD;
border-radius: 3px;
background-color: #ffffff;
color: #0D6CAD;
margin-bottom: 2px;
padding-left: 2px;
}
.ist-tab-in-form, .ist-tab-in-div {
width: 100%;
height: 100%;
float: left;
}
.ist-form-sortable-ul {
list-style-type: none;
padding-left: 0;
min-height: 100px;
margin: 2px 0 5px 0;
}
.ist-form-switch-icon {
cursor: pointer;
display: inline-flex;
height: 20px;
width: 30px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.ist-form-change-icon {
background: url('data:image/svg+xml;utf8,') center center no-repeat;
}
/*End ist_form */
/* Start ist_panel*/
.ist-left-panel-filter {
height: 35px;
padding-top: 2px;
}
.ist-left-panel-span {
color: black;
font-weight: bolder;
display: inline;
padding-left: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-left: solid 5px #166A7B;
}
/* End ist_panel*/
/* Start ist_privilege*/
.ist-privilege-form-role-list-container {
height: 300px;
width: 250px;
}
/* End ist_privilege*/
/* Start ist_comment */
.ist-comment-textarea-container {
width: 99%;
}
.ist-comment-icon-container {
width: 30px;
}
/*reply*/
.ist_comment_reply_container {
display: flex;
flex-direction: column;
width: 91%;
overflow: auto;
margin-top: 20px;
}
.ist_comment_reply_add_container {
width: inherit;
display: none;
flex-direction: row;
}
.ist-comment-reply-textarea-container {
display: flex;
flex-direction: row;
margin-top: 5px;
width: 99%;
}
.ist-comment-reply-icon-container {
width: 30px;
}
.ist-reply-info {
display: block;
margin-bottom: 2px;
font-size: 12px;
height: 12px;
}
.ist-reply-img {
border-radius: 50%;
float: left;
width: 30px;
height: 30px;
}
.ist-reply-text {
border-radius: 5px;
position: relative;
padding: 5px 10px;
border: 1px solid #eee;
margin: 5px 0 0 50px;
margin-right: 0px;
margin-left: 50px;
font-size: 15px;
background: #efefef;
color: #000;
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}
/**/
.ist-comment-loaded-container {
width: 99%;
}
.ist-comment-icon {
cursor: pointer;
display: inline-flex;
height: 15px;
width: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.ist-comment-info {
display: block;
margin-bottom: 2px;
font-size: 12px;
height: 20px;
}
.ist-comment-clear:after, .ist-comment-clear:before {
clear: both;
}
.ist-comment-img {
border-radius: 50%;
float: left;
width: 40px;
height: 40px;
}
.ist_comment_msg {
margin-bottom: 10px;
}
.ist-comment-text {
border-radius: 5px;
position: relative;
min-height: 25px;
padding: 5px 10px;
border: 1px solid #DFEAEC;
margin: 5px 0 0 50px;
margin-right: 0px;
margin-left: 50px;
font-size: 15px;
background: #fff;
color: #000;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
white-space: pre-wrap; /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap; /* Opera <7 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}
.ist_comment_msg, .ist-comment-text {
display: block;
width: calc(100% - 50px);
}
.ist-comment-text::after, .ist-comment-text::before {
position: absolute;
right: 100%;
top: 15px;
border: solid transparent;
border-right-color: #DFEAEC;
content: ' ';
height: 0;
width: 0;
pointer-events: none;
}
.ist-comment-text::after {
border-width: 5px;
margin-top: -5px;
}
.ist-comment-text::before {
border-width: 6px;
margin-top: -6px;
}
/*right */
.right .ist-comment-text::after, .right .ist-comment-text::before {
right: auto;
left: 100%;
border-right-color: transparent;
border-left-color: #D3DFE5;
}
.ist_comment .right > .ist-comment-text {
float: right;
}
.right {
float: right;
}
.right .ist-comment-text {
margin-right: 45px;
margin-left: 0;
}
.right .ist-comment-img {
float: right;
}
.reply-right {
float: right;
margin-right: 50px;
}
/*left */
.ist_comment .left > .ist-comment-text {
float: left;
}
.left {
float: left;
}
.left .ist-comment-text {
margin-left: 45px;
margin-right: 0;
}
.left .ist-comment-img {
float: left;
}
.reply-left {
float: left;
margin-left: 50px;
}
/* End ist_comment */
/* Start ist_notification */
.ist-notification-item {
margin: 10px;
border: 1px solid #8aadb8;
border-radius: 10px;
transform: translate(0, 0);
transition: transform 0.2s ease;
}
.ist-notification-item:hover {
transform: translate(0, -3px);
}
.ist-notification-not-viewed {
background-color: #f2fcfd;
}
.ist-notification-img {
border: rgba(255,255,255,1) 1px solid;
border-radius: 50%;
width: 20px;
height: 20px;
}
.ist-notification-icon {
cursor: pointer;
display: inline-flex;
width: 28px;
background-position: left center;
background-repeat: no-repeat;
height: 20px;
line-height: 20px;
vertical-align: middle;
}
.ist-notification-object {
width: 100%;
/*display: inline-block;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}
.ist-notification-comment .ist-notification-object {
color: #A7186D;
}
.ist-notification-comment .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-todo .ist-notification-object {
color: #56CFFF;
}
.ist-notification-todo .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-lesson .ist-notification-object {
color: #FD7E14;
}
.ist-notification-lesson .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-risk .ist-notification-object {
color: #9677DE;
}
.ist-notification-risk .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-issue .ist-notification-object {
color: #3596D2;
}
.ist-notification-issue .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-cost .ist-notification-object {
color: #E9731F;
}
.ist-notification-cost .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-income .ist-notification-object {
color: #0470B4;
}
.ist-notification-income .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-project .ist-notification-object {
color: #68e37d;
}
.ist-notification-project .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-program .ist-notification-object {
color: #69C4E3;
}
.ist-notification-program .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-portfolio .ist-notification-object {
color: #E04A2E;
}
.ist-notification-portfolio .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-document .ist-notification-object {
color: #2dbd9a;
}
.ist-notification-document .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-team .ist-notification-object {
color: #f62e6f;
}
.ist-notification-team .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-correspondence .ist-notification-object {
color: rgb(99,102,241);
}
.ist-notification-correspondence .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
.ist-notification-todoItem .ist-notification-object {
color: rgb(112,198,154);
}
.ist-notification-todoItem .ist-notification-icon {
background-image: url('data:image/svg+xml;utf8,');
}
/* End ist_notification */
/* jquery multivalue input - start */
.multipleInput-container {
border: 1px #ccc solid;
padding: 2px;
padding-bottom: 0;
cursor: text;
font-size: 12px;
width: 100%;
}
.multipleInput-container input {
font-size: 13px;
clear: both;
width: 100%;
border: 0;
margin-bottom: 1px;
}
.multipleInput-container ul {
list-style-type: none;
padding: 0;
margin: 0 6px 0 0;
}
li.multipleInput-email, li.multipleInput-option {
float: left;
margin-right: 0;
margin: 2px;
border: 1px #BBD8FB solid;
background: #F3F7FD;
width: auto;
padding: 0 5px;
}
li.multipleInput-email span {
line-height: 16px;
}
.multipleInput-close {
width: 16px;
height: 16px;
background: url("../../Images/jquery/ui-icons_888888_256x240.png");
background-position: -96px -128px;
display: block;
float: right;
}
/* jquery multivalue input - end */
.bootstrap-select {
padding: 0 0 !important;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
/* Tooltip */
.formula-tooltip-inner {
font-size: 0.8rem;
width: auto;
max-width: 500px;
}
/* Tooltip on top */
.formula-tooltip > .tooltip-arrow {
border-top: 5px solid green;
background-color: white;
}
@keyframes pulse-yellow {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
opacity: 1;
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
opacity: 0.7;
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
opacity: 0.4;
}
}
.ist-status-animation {
transform: scale(1);
animation: pulse-yellow 2s infinite;
}
.correspondence-color {
color: #6365f1;
}
.attachment-color {
color: #58c9ae;
}
.user-color {
color: #166a7b;
}
.ist-grid-icon {
font-size: 18px;
color: #31aedc;
}
.active-correspondence {
z-index: 2;
background-color: #efefef;
border-left: 3px solid #6365f1;
}
.active-todo {
z-index: 2;
background-color: #efefef;
border-left: 3px solid #56cfff !important;
}
.ist-additional-feature {
padding: 0;
}
.ist-additional-feature .ist-menu-item {
display: block;
padding: 0;
}
.ist-additional-feature .ist-menu-item-inner {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 42px;
margin-top: 10px;
}
.ist-additional-feature-info {
min-width: 500px;
right: 60px;
border-color: #c7c7c7;
}
/*dhx start*/
.dhx_combo_select {
overflow-y: auto !important;
height: 200px !important;
z-index: 2000000000000;
}
body .dhx_clist {
z-index: 1300;
}
.dhx_clist input[type=button] {
display: none;
}
.dhx_tab_element div {
height: 30px;
}
/*dhx end*/
.icon-hub:before {
background-image: url(https://raw.githubusercontent.com/primer/octicons/main/icons/apps-16.svg); /* or https://raw.githubusercontent.com/primer/octicons/main/icons/stack-16.svg */
background-size: cover;
}
.icon-project:before {
background-image: url(https://raw.githubusercontent.com/primer/octicons/main/icons/project-16.svg); /* or https://raw.githubusercontent.com/primer/octicons/main/icons/organization-16.svg */
background-size: cover;
}
.icon-my-folder:before {
background-image: url(https://raw.githubusercontent.com/primer/octicons/main/icons/file-directory-16.svg);
background-size: cover;
}
.icon-item:before {
background-image: url(https://raw.githubusercontent.com/primer/octicons/main/icons/file-16.svg);
background-size: cover;
}
.icon-version:before {
background-image: url(https://raw.githubusercontent.com/primer/octicons/main/icons/clock-16.svg);
background-size: cover;
}
.preview-content.dx-htmleditor-content li {
/* This style fixes DevExtreme preview list items */
list-style: revert !important;
}
.ist-transparent-bg {
background-image: linear-gradient(45deg, rgba(204, 204, 204, 0.3) 25%, transparent 25%), linear-gradient(-45deg, rgba(204, 204, 204, 0.3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(204, 204, 204, 0.3) 75%), linear-gradient(-45deg, transparent 75%, rgba(204, 204, 204, 0.3) 75%);
background-size: 20px 20px;
background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.ist-stage-badge-text {
max-width: 150px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
/* Hide elements with v-cloak until Vue has fully mounted the component.
Prevents uncompiled template from flashing on screen. */
[v-cloak] {
display: none;
}
/* Custom DevExtreme css*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td {
background-color: #dbeafe;
color: unset;
}
.dx-list-item.dx-state-focused {
background-color: #e0e0e0 !important;
border: 1px solid #a0a0a0 !important;
}
.dx-list-item.dx-list-item-selected {
background-color: #e0e0e0 !important;
}
.bootstrap-select .dropdown-menu.inner {
max-height: 300px !important;
}