: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;
}
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;
}
.notifyjs-corner {
margin-bottom: 33px !important;
font-size: 20px;
z-index: 1105 !important;
}
.ist_font {
font-family: var(--main-font);
}
.ist-min-h-40 {
min-height: 40px;
height: auto;
}
.ist-w-40 {
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
}
.ist-w-130 {
width: 130px;
}
.ist-w-95-percent {
width: 95% !important;
}
.ist-display-contents {
display: contents;
}
.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-main-layout-middle {
margin: 0 25px 0 80px;
}
.ist-area-icon-3p {
margin-top: 3px !important;
font-size: 39px !important;
line-height: 26px !important;
}
.ist-area-icon-element {
margin-top: 3px !important;
font-size: 11px !important;
line-height: 24px !important;
margin-top: 3px !important;
}
.ist-area-icon-sub-object {
margin-top: 3px !important;
font-size: 25px !important;
}
.ist-main-layout-left-nav a {
margin: 0px 0;
height: 44px;
display: block;
padding: 10px 0 0;
}
.ist-main-layout-left-nav a:hover, .ist_main_layout_left_nav a.active {
background-repeat: no-repeat;
background-position: 40px 11px;
}
.ist-main-layout-left-nav::-webkit-scrollbar {
width: 8px !important;
height: 8px !important;
background-color: #F5F5F5;
}
.ist-main-layout-left-nav::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
background-color: #e6e6e6;
}
.ist-main-layout-left-nav::-webkit-scrollbar-thumb, .ist_main_layout_left_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-main-layout-left-menu {
width: 53px;
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-main-layout-left-menu::-webkit-scrollbar-thumb {
background-color: #1d2026;
border-radius: 5px;
}
.ist-main-layout-left-menu::-webkit-scrollbar {
width: 7px;
background-color: #424751
}
.ist-main-layout-left-menu nav {
margin-top: 86px;
padding: 10px 0 0;
}
.ist-grid-link-cell a {
color: #0dcaf0 !important;
}
.ist-grid-link-cell a:focus, .ist-grid-link-cell a:hover {
color: #3dd5f3 !important;
}
.ist-form-info-bar {
position: absolute;
z-index: 1;
bottom: 0px;
left: 20px;
font-size: 12px;
font-weight: bold;
padding: 5px;
color: red;
background: #ffffff;
border: 1px solid rgb(199, 199, 199);
border-radius: 5px;
display: none;
}
.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;
}
#progressBar {
position: absolute;
z-index: 99;
display: none;
}
.ist-search-box {
position: relative;
display: none;
overflow: hidden;
}
.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-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);
}
.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: "✖";
}