.blockOverlay { z-index: 1100 !important; } .blockPage { z-index: 1110 !important; width: 10% !important; left: 45% !important; } .spinner2 { height: 30px; background: url(../images/loadFA.gif) 10% 50% no-repeat; padding: 5px 0; } .DT-lf-right { margin-top: 10px; } .form-group .checkbox .field-validation-error, .form-group .radio .field-validation-error, .form-group .checkbox + .field-validation-error, .form-group .radio + .field-validation-error { position: relative; top: 5px; } .form-group .checkbox .field-validation-error:before, .form-group .radio .field-validation-error:before, .form-group .checkbox + .field-validation-error:before, .form-group .radio + .field-validation-error:before, .form-group .checkbox .field-validation-error:after, .form-group .radio .field-validation-error:after, .form-group .checkbox + .field-validation-error:after, .form-group .radio + .field-validation-error:after { display: none; } .field-validation-error { display: block; border: 1px solid; padding: 5px 10px; border-radius: 2px; margin-top: 2px; position: relative; } .field-validation-error:before, .field-validation-error:after { content: ""; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; } .field-validation-error:before { border-bottom: solid; border-width: 7px; left: 16px; top: -7px; } .field-validation-error:after { border-bottom: 6px solid; left: 17px; top: -6px; } .simple .field-validation-error { background: none !important; border: none; padding: 3px 0; } .simple .field-validation-error:before, .simple .field-validation-error:after { display: none; } .field-validation-error { background: #f2dede; border-color: #ebccd1; color: #b94a48; background-size: 20px 20px; } .field-validation-error:before { border-bottom-color: #dda7b0; } .field-validation-error:after { border-bottom-color: #f3e2e2; } .input-validation-error.form-control { border-color: #d38e99; -webkit-box-shadow: none; box-shadow: none; } .input-validation-error.form-control:focus, .input-validation-error.form-control.focus { border-color: #c46978 !important; -webkit-box-shadow: none; box-shadow: none; } .dark .field-validation-error { background: #e66454; border-color: #df3c28; color: #ffffff; background-size: 20px 20px; } .dark .field-validation-error:before { border-bottom-color: #b92c1b; } .dark .field-validation-error:after { border-bottom-color: #e76858; } .dark .input-validation-error.form-control { border-color: #e66454; -webkit-box-shadow: none; box-shadow: none; } .dark .input-validation-error.form-control:focus, .dark .input-validation-error.form-control.focus { border-color: #df3c28 !important; -webkit-box-shadow: none; box-shadow: none; } .dark .field-validation-error { background: #e66454; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.04)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.04)), color-stop(0.75, rgba(255, 255, 255, 0.04)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent); background-size: 20px 20px; } .simple .field-validation-error { color: #e14430 !important; } .validation-summary-errors { background: #f2dede; border-color: #ebccd1; color: #b94a48; background-size: 20px 20px; padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px; } .validation-summary-valid { display: none; } div.colorDetails { width:25px; height:25px; border-radius:2px; } .ui-slider-colors { margin-bottom: 20px; margin-top: 7px; } .ui-slider-colors span { float: right; margin: -20px 0 0 0; } .input-group .input-group-addon:first-child { min-width: 40px; } .switcher-inline .lbl { display: inline-block; margin-bottom: 20px; margin-right:10px; vertical-align: middle; font-weight: normal; } .switcher-inline[disabled] { cursor: not-allowed; } .switcherLbl { display:block; float:left; font-weight:normal; margin:3px; } .switcherLblSemibold { display:block; float:left; margin:3px; } .switcher-block div.switcher { display:block; margin-top:5px; } legend.small-bottom-margin { padding-bottom:3px; margin-bottom:9px; } tr.bold td { font-weight:bold; } .very-big-table { width: 100%; margin-bottom: 13.5px; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #e4e4e4; -webkit-overflow-scrolling: touch; } .very-big-table > .table { margin-bottom: 0; } .very-big-table > .table > thead > tr > th, .very-big-table > .table > tbody > tr > th, .very-big-table > .table > tfoot > tr > th, .very-big-table > .table > thead > tr > td, .very-big-table > .table > tbody > tr > td, .very-big-table > .table > tfoot > tr > td { white-space: nowrap; } .very-big-table > .table-bordered { border: 0; } .very-big-table > .table-bordered > thead > tr > th:first-child, .very-big-table > .table-bordered > tbody > tr > th:first-child, .very-big-table > .table-bordered > tfoot > tr > th:first-child, .very-big-table > .table-bordered > thead > tr > td:first-child, .very-big-table > .table-bordered > tbody > tr > td:first-child, .very-big-table > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .very-big-table > .table-bordered > thead > tr > th:last-child, .very-big-table > .table-bordered > tbody > tr > th:last-child, .very-big-table > .table-bordered > tfoot > tr > th:last-child, .very-big-table > .table-bordered > thead > tr > td:last-child, .very-big-table > .table-bordered > tbody > tr > td:last-child, .very-big-table > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .very-big-table > .table-bordered > tbody > tr:last-child > th, .very-big-table > .table-bordered > tfoot > tr:last-child > th, .very-big-table > .table-bordered > tbody > tr:last-child > td, .very-big-table > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .glyphicon-refresh-animate { -animation: spin .7s infinite linear; -webkit-animation: spin2 .7s infinite linear; } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } @keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } } ul.dropdown-menu-form { padding: 5px 10px; min-width : 175px; max-height: 300px; overflow: hidden; } .nowrap { white-space: nowrap; } .buttons-multirow.nowrap{ white-space: nowrap; } .buttons-multirow .btn { margin-bottom: 10px; } .buttons-multirow .dropdown-menu { margin-top: -10px; } .fixed { display:inline-block; } table.dataTable { background-color:#f9f9f9; } .bs-example { width:100%; overflow-x:scroll; overflow-y:visible; } /*.dropdown-menu{ position:fixed; }*/ /*.button{ height:30px; }*/ .panel-heading a:after { font-family:'Glyphicons Halflings'; content:"\e114"; float: right; color: grey; } .panel-heading a.collapsed:after { content:"\e080"; } .fa-big-caret-right:before { font-family:'Glyphicons Halflings'; float: right; color: grey; content: "\e080"; } .fa-big-caret-down:before { font-family:'Glyphicons Halflings'; float: right; color: grey; content:"\e114"; } .spinner { position: fixed; z-index: 9999; height:100%; width:100%; top:0px; left:0px; background: url(../images/loadFA.gif) 50% 50% no-repeat rgba(125, 125, 125, 0.5); } .loading { background: url(../images/loadFA.gif) 50% 50% no-repeat; } .ui-expander { cursor: pointer; } .table.dataTable{ margin-bottom: 0px !important; margin-top: 0px !important; border-top: 1px solid #dbdbdb !important; border-collapse: separate !important; border-spacing: 0px; } .table > tbody > tr, .table > tbody > tr, .table > tfoot > tr, .table > tfoot > tr, .table > thead > tr, .table > thead > tr { border-left: 1px solid #dbdbdb !important; /*border-bottom: 1px solid #dbdbdb !important;*/ } .table > thead > tr > th:nth-child(1), .table > tbody > tr > td:nth-child(1) { border-left: 1px solid #dbdbdb !important; border-bottom: 1px solid #dbdbdb !important; margin-top: 0px !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border-right: 1px solid #dbdbdb !important; border-left: 0px solid #dbdbdb !important; border-bottom: 1px solid #dbdbdb !important; border-top: 0px solid #dbdbdb !important; } .table > thead > tr:first-child { /*background-color: red !important;*/ } .table-striped>tbody>tr>td.cellequal { background-color: #CCFFCC; } .table-striped>tbody>tr>td.cellover { background-color: #FFCCCC; } .table-striped>tbody>tr>td.cellless { background-color: #FFFFCC; } input[type=checkbox].custominput { margin: 6px; } div.flot-x-axis div.flot-tick-label.tickLabel { position: relative !important; max-width: none !important; float: left; } div.freezeTable { width: 100%; overflow-x:scroll; padding-left:471px; overflow-y:visible; /*padding-bottom:1px;*/ } div.freezeTable table.table.dataTable { border-top: 0px !important; border-collapse: separate !important; } div.freezeTable table th { height: 19px; width: 72px; font-weight: bold; } div.freezeTable table tr td { height: 21px; width: 72px; } div.freezeTable table tr.resRow td { height: 45px; } div.freezeTable table tr.resRow td select { width: 100%; padding: 1px; } div.freezeTable table tr td div.restbl { display: table; width: 100%; } div.freezeTable table tr td div.restbl div { display: table-row; width: 100%; } div.freezeTable table tr td div.restbl div div { display: table-cell; } div.freezeTable table tr td div.restbl div div:last-child { text-align: right; padding-left: 15px; } div.freezeTable table td, div.freezeTable table th { margin: 0; white-space: nowrap; /*border: 3px solid grey;*/ /*border-top-width: 0px;*/ } div.freezeTable table td.headcol { background-color: #f9f9f9; } div.freezeTable table td.headcol, div.freezeTable table th.headcol { position: absolute; left: 0; top: auto; overflow: hidden; margin-left: 35px; z-index: 999; /*width: 5em;*/ /*border-right: 1px solid black;*/ /*border-top-width: 3px; /*only relevant for first row*/ /*margin-top: -3px; /*compensate for top border*/ } .dataTable-tight td, .dataTable-tight th { padding: 5px 9px 5px 6px !important; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dataTable-tight td.bigCol, .dataTable-tight th.bigCol { max-width: 120px; } .dataTable-tight td.biggerCol, .dataTable-tight th.biggerCol { max-width: 160px; } .dataTable-tight td.hugeCol, .dataTable-tight th.hugeCol { max-width: 300px; } .dataTable-tight td.smallCol, .dataTable-tight th.smallCol { max-width: 70px; } .dataTable-tight td.autowidth, .dataTable-tight th.autowidth { max-width:none !important; } .dataTable-tight th:after { top: 5px !important; right: -12px !important; } /*=====CUSTOM COMPANY LOGO AND NAVBAR HEADING=====*/ .navbarHeading, .navbarHeading-sm { color: #0f4c0f !important; font-size: 17px; font-weight: 600!important; } .navbarHeading { margin-top:14px; margin-bottom:14px; } .navbarHeading-sm { display:inline-block; vertical-align:top; padding-top:10px; } #main-navbar .navbar-brand { line-height: 34px; padding: 0 14px 0 14px; } #main-navbar .navbar-brand div { margin-right: 8px; top: 6px; } #main-navbar .navbar-brand div, #main-navbar .navbar-brand div img { height: 32px; width: auto !important; } /*=====CUSTOM TOOLBAR=====*/ .gt-ie9 .theme-adminflare #main-navbar, .gt-ie9 .theme-adminflare #main-navbar .navbar-header { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #bbbbbb 100%); background-image: linear-gradient(to bottom, #ebebeb 0%, #bbbbbb 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#ffbbbbbb', GradientType=0); } .ie8 .theme-adminflare #main-navbar, .ie9 .theme-adminflare #main-navbar, .ie8 .theme-adminflare #main-navbar .navbar-header, .ie9 .theme-adminflare #main-navbar .navbar-header { background: #ebebeb; } .theme-adminflare #main-navbar { border-bottom: 1px solid #999999; } .theme-adminflare #main-navbar, .theme-adminflare #main-navbar .navbar-header { background: #bbbbbb; -webkit-box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset; box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset; } .theme-adminflare #main-navbar .navbar-brand { color: #0f4c0f; } .theme-adminflare #main-navbar .dropdown > a, .theme-adminflare #main-navbar .dropdown-menu > li > a, .theme-adminflare #main-navbar .nav > li > a { text-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0; color: #0f4c0f; } .theme-adminflare #main-navbar .navbar-toggle, .theme-adminflare #main-navbar #main-menu-toggle { color: #0f4c0f; } .theme-adminflare #main-navbar #main-menu-toggle { border: 0px solid; border-color: #999999; border-color: rgba(0, 0, 0, 0.2); } .theme-adminflare #main-navbar #main-menu-toggle .fa:before { color: #0f4c0f; } .theme-adminflare #main-navbar .main-navbar-collapse { border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.2); background: #bbbbbb; -webkit-box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 0px inset; box-shadow: rgba(255, 255, 255, 0.18) 0px 1px 0px inset; } .theme-adminflare #main-navbar li { border-bottom: 1px solid #999999; } .theme-adminflare #main-navbar .dropdown.open > a { background: #909090; border-bottom: 1px solid #636363; border-top: 1px solid #626262; margin-top: -1px; } .theme-adminflare #main-navbar form.navbar-form .form-control::-moz-placeholder { color: #666666; opacity: 1; } .theme-adminflare #main-navbar form.navbar-form .form-control:-ms-input-placeholder { color: #666666; } .theme-adminflare #main-navbar form.navbar-form .form-control::-webkit-input-placeholder { color: #666666; } @media (min-width: 768px) { .theme-adminflare #main-navbar .main-navbar-collapse { background: none; border-top: none; -webkit-box-shadow: none; box-shadow: none; } .theme-adminflare #main-navbar li { border-bottom: none; } .theme-adminflare #main-navbar .dropdown > a, .theme-adminflare #main-navbar .nav > li > a:hover { color: #1b6c1b; } .theme-adminflare #main-navbar .dropdown.open > a, .theme-adminflare #main-navbar .dropdown.open > a:hover { background: #bbbbbb; border: none; margin: 0; color: #0f4c0f; } .theme-adminflare #main-navbar .dropdown-menu { border-radius: 2px; margin-top: 3px; border-width: 2px; padding: 5px 0; } .theme-adminflare #main-navbar .dropdown-menu li > a { color: #555555; text-shadow: none; margin: 0 -2px; } .theme-adminflare #main-navbar .dropdown-menu li > a:hover { background: #3690e6; color: #fff; } .theme-adminflare #main-navbar .nav-icon-btn > a > .label, .theme-adminflare #main-navbar .nav-icon-btn > a > .badge { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } } .theme-adminflare #main-navbar #main-menu-toggle, .theme-adminflare.right-to-left.main-menu-right #main-navbar #main-menu-toggle { border-right-width: 1px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2); } .theme-adminflare.right-to-left #main-navbar #main-menu-toggle, .theme-adminflare.main-menu-right #main-navbar #main-menu-toggle { border-left-width: 1px; border-right-width: 0; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; } /*===============PRINT STYLES================*/ @media print { /*===============GLOBAL STYLES================*/ #main-menu { width: 0px; display: none; visibility: hidden; } #main-menu-bg { width: 0px; display: none; visibility: hidden; } #main-wrapper, .mmc #main-wrapper, .mme #main-wrapper { padding-left: 0 !important; } #content-wrapper { padding: 18px; } .switcher-toggler { width: 0px; display: none; visibility: hidden; } .switcher-state-on, .switcher-state-off { background: none !important; padding-left: 0; } .switcher.checked .switcher-state-on, .switcher .switcher-state-off { color: black; } .input-group { display: block; clear: both; } .input-group .form-control { display: block; float: left; text-align: left; width: 100px; } .form-control { border: 0px; } .input-group-addon { border: 0px; width: inherit; display: block; float: left; } div.date.datepicker span.input-group-addon { display: none; } select.form-control { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } select::-ms-expand { width: 0px; display: none; visibility: hidden; } .graph-container, .graph-container .pa-flot-container, .graph-container .pa-flot-container .pa-flot-info, .graph-container .pa-flot-container .pa-flot-graph, .graph-container .pa-flot-container .pa-flot-graph canvas { max-width: 100% !important; width: 100% !important; } button { display: none !important; } a.btn-print { display:none; } a.rowexpander i { display: none; } /*===============DASHBOARD STYLES================*/ .dashboard div#uom_freeze { width: 0px; display: none; visibility: hidden; } .dashboard table#uomtbl a[href]:after { content: ''; } .dashboard .bs-example { width:100%; overflow:inherit; } .dashboard div.panel-footer { display: none; } /*===============Single Resource Quantities or Cost By Time Styles================*/ #srqBody tr.unchecked { display: none; } #srqBody div.panel-body div.table-light.table-responsive { overflow: inherit !important; height: auto !important; padding: 0; margin-left: 5px; } #srqBody div.panel-footer { display: none; } /*===============Single Resource Quantities or Cost By Time Styles================*/ #whatifBody tr.unchecked { display: none; } #whatifBody div.panel-body div.table-light.table-responsive { overflow: inherit !important; height: auto !important; padding: 0; margin-left: 5px; } #whatifBody div.panel-footer { display: none; } /*===============Project Rollup Styles================*/ #rollUpBody .very-big-table { overflow:inherit; } } .important-padding-left-0 { padding-left: 0 !important; } .fa-minus-square-1:before { padding-left: 15px; } .fa-minus-square-2:before { content: "\f146"; padding-left: 30px; } .fa-plus-square-1:before { padding-left: 15px; } .fa-plus-square-2:before { content: "\f0fe"; padding-left: 30px; } div.freezeTable1 { width: 100%; overflow-x:scroll; padding-left:299px; overflow-y:visible; } div.freezeTable1 table.table.dataTable { border-top: 0px !important; border-collapse: separate !important; } div.freezeTable1 table th.firstcol { height: 65px; font-weight: bold; } div.freezeTable1 table th.nextcol { height: 19px; width: 72px; font-weight: bold; } div.freezeTable1 table tr td { height: 31px; width: 72px; } div.freezeTable1 table tr.resRow td { height: 45px; } div.freezeTable1 table tr.resRow td select { width: 100%; padding: 1px; } div.freezeTable1 table tr td div.restbl { display: table; width: 100%; } div.freezeTable1 table tr td div.restbl div { display: table-row; width: 100%; } div.freezeTable1 table tr td div.restbl div div { display: table-cell; } div.freezeTable1 table tr td div.restbl div div:last-child { text-align: right; padding-left: 15px; } div.freezeTable1 table td, div.freezeTable1 table th { margin: 0; white-space: nowrap; /*border: 3px solid grey;*/ /*border-top-width: 0px;*/ } div.freezeTable1 table td.headcol { background-color: #f9f9f9; } div.freezeTable1 table td.headcol, div.freezeTable1 table th.headcol { position: absolute; left: 0; top: auto; overflow: hidden; margin-left: 18px; z-index: 999; /*width: 5em;*/ /*border-right: 1px solid black;*/ /*border-top-width: 3px; /*only relevant for first row*/ /*margin-top: -3px; /*compensate for top border*/ } .pie-title { height: 205px; line-height: 205px; text-align: center; top: 0; font-weight: bold; vertical-align: middle; width: 100%; } #class-pie { cursor: pointer; }