From b5c70fb0c7c44d68bc000b7dd640b9318e5c94e8 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 00:17:38 -0500 Subject: [PATCH 01/26] A2-72 Responsive tab-content --- .../main/webapp/crp/css/home/dashboard.css | 19 +++++++++++++++++++ .../src/main/webapp/crp/js/home/dashboard.js | 12 ++++++++++++ .../webapp/global/css/customDataTable.css | 19 +++++++++++++++++++ 3 files changed, 50 insertions(+) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index d7b1d1a18e..686c7657f4 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -879,3 +879,22 @@ span.timelineControl:hover { #guide-button{ display: block; } + +@media only screen and (max-width:440px){ + + #dashboardContent{ + width: 100%; + width: -moz-available; + width: -webkit-fill-available; + width: fill-available; + } + + .tab-content{ + width: auto; + } + + .iconSearch{ + margin-left: 0; + right: 5%; + } +} diff --git a/marlo-web/src/main/webapp/crp/js/home/dashboard.js b/marlo-web/src/main/webapp/crp/js/home/dashboard.js index 467ddff13b..0f85caf4ad 100644 --- a/marlo-web/src/main/webapp/crp/js/home/dashboard.js +++ b/marlo-web/src/main/webapp/crp/js/home/dashboard.js @@ -466,6 +466,18 @@ divDataTables_length.css("bottom", "8px"); divDataTables_length.css("margin-left", "43%"); divDataTables_length.css("z-index", "1"); +var windowWidth = $(window).width(); + +if (windowWidth < 440) { + divDataTables_length.css({ + "left": "25%", + "bottom": "0", + "margin-top": "32px", + "margin-left": "0" + }) +} + + $('a#impact[data-toggle="tab"]').on('shown.bs.tab', function(e) { e.target // newly activated tab e.relatedTarget // previous active tab diff --git a/marlo-web/src/main/webapp/global/css/customDataTable.css b/marlo-web/src/main/webapp/global/css/customDataTable.css index 1c9786f59e..faf73efc01 100644 --- a/marlo-web/src/main/webapp/global/css/customDataTable.css +++ b/marlo-web/src/main/webapp/global/css/customDataTable.css @@ -173,3 +173,22 @@ table.dataTable a { .subHeader { background-color: #8ea786; } + +@media only screen and (max-width:440px){ + .dataTables_filter{ + width: 100%; + } + + .dataTables_filter label{ + width: 100%; + } + + .dataTables_filter label input{ + width: 100% !important; + } + + .dataTables_paginate{ + margin-bottom: 32px !important; + } + +} \ No newline at end of file From 01c04c999ea8595db77a954475299949917177eb Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 10:27:17 -0500 Subject: [PATCH 02/26] A2-71 Update in infTableItems & tab-content --- .../main/webapp/crp/css/home/dashboard.css | 2 +- .../css/dataTables.bootstrap.css | 230 +++++++++++------- 2 files changed, 137 insertions(+), 95 deletions(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 686c7657f4..653765ee06 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -882,7 +882,7 @@ span.timelineControl:hover { @media only screen and (max-width:440px){ - #dashboardContent{ + .containerTabletItems #dashboardContent{ width: 100%; width: -moz-available; width: -webkit-fill-available; diff --git a/marlo-web/src/main/webapp/global/bower_components/datatables.net-bs/css/dataTables.bootstrap.css b/marlo-web/src/main/webapp/global/bower_components/datatables.net-bs/css/dataTables.bootstrap.css index 60bef77ebb..7f81a36f08 100644 --- a/marlo-web/src/main/webapp/global/bower_components/datatables.net-bs/css/dataTables.bootstrap.css +++ b/marlo-web/src/main/webapp/global/bower_components/datatables.net-bs/css/dataTables.bootstrap.css @@ -1,185 +1,227 @@ table.dataTable { - clear: both; - margin-top: 6px !important; - margin-bottom: 6px !important; - max-width: none !important; - border-collapse: separate !important; + clear: both; + margin-top: 6px !important; + margin-bottom: 6px !important; + max-width: none !important; + border-collapse: separate !important; } + table.dataTable td, table.dataTable th { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; } + table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { - text-align: center; + text-align: center; } + table.dataTable.nowrap th, table.dataTable.nowrap td { - white-space: nowrap; + white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { - font-weight: normal; - text-align: left; - white-space: nowrap; + font-weight: normal; + text-align: left; + white-space: nowrap; } + div.dataTables_wrapper div.dataTables_length select { - width: 75px; - display: inline-block; + width: 75px; + display: inline-block; } + div.dataTables_wrapper div.dataTables_filter { - text-align: right; + text-align: right; } + div.dataTables_wrapper div.dataTables_filter label { - font-weight: normal; - white-space: nowrap; - text-align: left; + font-weight: normal; + white-space: nowrap; + text-align: left; } + div.dataTables_wrapper div.dataTables_filter input { - margin-left: 0.5em; - display: inline-block; - width: auto; + margin-left: 0.5em; + display: inline-block; + width: auto; } + div.dataTables_wrapper div.dataTables_info { - padding-top: 8px; - white-space: nowrap; + padding-top: 8px; + white-space: nowrap; } + div.dataTables_wrapper div.dataTables_paginate { - margin: 0; - white-space: nowrap; - text-align: right; + margin: 0; + white-space: nowrap; + text-align: right; } + div.dataTables_wrapper div.dataTables_paginate ul.pagination { - margin: 2px 0; - white-space: nowrap; + margin: 2px 0; + white-space: nowrap; } + div.dataTables_wrapper div.dataTables_processing { - position: absolute; - top: 50%; - left: 50%; - width: 200px; - margin-left: -100px; - margin-top: -26px; - text-align: center; - padding: 1em 0; -} - -table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, -table.dataTable thead > tr > td.sorting_asc, -table.dataTable thead > tr > td.sorting_desc, -table.dataTable thead > tr > td.sorting { - padding-right: 30px; -} -table.dataTable thead > tr > th:active, -table.dataTable thead > tr > td:active { - outline: none; + position: absolute; + top: 50%; + left: 50%; + width: 200px; + margin-left: -100px; + margin-top: -26px; + text-align: center; + padding: 1em 0; +} + +table.dataTable thead>tr>th.sorting_asc, +table.dataTable thead>tr>th.sorting_desc, +table.dataTable thead>tr>th.sorting, +table.dataTable thead>tr>td.sorting_asc, +table.dataTable thead>tr>td.sorting_desc, +table.dataTable thead>tr>td.sorting { + padding-right: 30px; +} + +@media only screen and (max-width:440px) { + + table.dataTable thead>tr>th.sorting_asc, + table.dataTable thead>tr>th.sorting_desc, + table.dataTable thead>tr>th.sorting, + table.dataTable thead>tr>td.sorting_asc, + table.dataTable thead>tr>td.sorting_desc, + table.dataTable thead>tr>td.sorting { + padding-right: 0; + } +} + +table.dataTable thead>tr>th:active, +table.dataTable thead>tr>td:active { + outline: none; } + table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { - cursor: pointer; - position: relative; + cursor: pointer; + position: relative; } + table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { - position: absolute; - bottom: 8px; - right: 8px; - display: block; - font-family: 'Glyphicons Halflings'; - opacity: 0.5; + position: absolute; + bottom: 8px; + right: 8px; + display: block; + font-family: 'Glyphicons Halflings'; + opacity: 0.5; } + table.dataTable thead .sorting:after { - opacity: 0.2; - content: "\e150"; - /* sort */ + opacity: 0.2; + content: "\e150"; + /* sort */ } + table.dataTable thead .sorting_asc:after { - content: "\e155"; - /* sort-by-attributes */ + content: "\e155"; + /* sort-by-attributes */ } + table.dataTable thead .sorting_desc:after { - content: "\e156"; - /* sort-by-attributes-alt */ + content: "\e156"; + /* sort-by-attributes-alt */ } + table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { - color: #eee; + color: #eee; } div.dataTables_scrollHead table.dataTable { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } div.dataTables_scrollBody table { - border-top: none; - margin-top: 0 !important; - margin-bottom: 0 !important; + border-top: none; + margin-top: 0 !important; + margin-bottom: 0 !important; } + div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { - display: none; + display: none; } + div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { - border-top: none; + border-top: none; } div.dataTables_scrollFoot table { - margin-top: 0 !important; - border-top: none; + margin-top: 0 !important; + border-top: none; } @media screen and (max-width: 767px) { - div.dataTables_wrapper div.dataTables_length, - div.dataTables_wrapper div.dataTables_filter, - div.dataTables_wrapper div.dataTables_info, - div.dataTables_wrapper div.dataTables_paginate { - text-align: center; - } + + div.dataTables_wrapper div.dataTables_length, + div.dataTables_wrapper div.dataTables_filter, + div.dataTables_wrapper div.dataTables_info, + div.dataTables_wrapper div.dataTables_paginate { + text-align: center; + } } -table.dataTable.table-condensed > thead > tr > th { - padding-right: 20px; + +table.dataTable.table-condensed>thead>tr>th { + padding-right: 20px; } + table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { - top: 6px; - right: 6px; + top: 6px; + right: 6px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { - border-left-width: 0; + border-left-width: 0; } -table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, + +table.table-bordered.dataTable th:last-child, +table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { - border-right-width: 0; + border-right-width: 0; } + table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { - border-bottom-width: 0; + border-bottom-width: 0; } div.dataTables_scrollHead table.table-bordered { - border-bottom-width: 0; + border-bottom-width: 0; } -div.table-responsive > div.dataTables_wrapper > div.row { - margin: 0; -} -div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { - padding-left: 0; +div.table-responsive>div.dataTables_wrapper>div.row { + margin: 0; } -div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { - padding-right: 0; + +div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child { + padding-left: 0; } + +div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child { + padding-right: 0; +} \ No newline at end of file From b3b7f125362d03ff1b596af65bb32f0098c699e7 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 11:31:16 -0500 Subject: [PATCH 03/26] A2-64 Update superadminBlock --- marlo-web/src/main/webapp/global/css/global.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index b770628870..6062e43971 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8045,4 +8045,18 @@ img.qaOptionsComment { padding: 5px; margin-top: 5px; margin-bottom: -15px; -} \ No newline at end of file +} + +@media only screen and (max-width:440px){ + #superadminBlock ul { + display: flex; + justify-content: space-between; + } + + #superadminBlock a { + padding: 5px 10px; + } + ] + + +} From 205c5eaf99a79113ff9f20271c8befe9fc6c3b87 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 12:00:37 -0500 Subject: [PATCH 04/26] A2-65 Update in header icons & format document --- .../src/main/webapp/global/css/global.css | 8642 +++++++++-------- 1 file changed, 4390 insertions(+), 4252 deletions(-) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 6062e43971..c920eb0c44 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -1,1697 +1,1740 @@ /************* 1. GENERAL ***************/ -@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,800);@import url("custom.pickadate.css"); @import url("custom.bootstrap.css");@import url("customLogin.css?20230718"); @import url("customInputsFlat.css");@import url("customTrumbowyg.css");@import url(https://fonts.googleapis.com/icon?family=Material+Icons);/* END IMPORTS*/ - -:root{ - /* Alert colors */ - --alertColorSuccess: #37c06f; - --alertColorWarning: #f5b10c; - --alertColorInfo: #40aad4; - --alertColorBackgroundInfo: #d9edf7; - --alertColorBackgroundSuccess: #c7f9da; - --alertColorBackgroundWarning: #fff3e5; +@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,800); +@import url("custom.pickadate.css"); +@import url("custom.bootstrap.css"); +@import url("customLogin.css?20230718"); +@import url("customInputsFlat.css"); +@import url("customTrumbowyg.css"); +@import url(https://fonts.googleapis.com/icon?family=Material+Icons); +/* END IMPORTS*/ + +:root { + /* Alert colors */ + --alertColorSuccess: #37c06f; + --alertColorWarning: #f5b10c; + --alertColorInfo: #40aad4; + --alertColorBackgroundInfo: #d9edf7; + --alertColorBackgroundSuccess: #c7f9da; + --alertColorBackgroundWarning: #fff3e5; } + .mce-widget.mce-tooltip { - display: none !important; + display: none !important; } -#evidenceTypes th,#evidenceTypes td{ -font-size: 1.2em !important; + +#evidenceTypes th, +#evidenceTypes td { + font-size: 1.2em !important; } + table { - width: 100%; + width: 100%; } ins { - background-color: #c6ffc6; - text-decoration: none; + background-color: #c6ffc6; + text-decoration: none; } del { - background-color: #ffc6c6; + background-color: #ffc6c6; } label { - margin-bottom: 2px; - font-weight: 600; - /* line-height: 1.1em; */ - vertical-align: middle; - cursor: pointer; + margin-bottom: 2px; + font-weight: 600; + /* line-height: 1.1em; */ + vertical-align: middle; + cursor: pointer; } .input-sm { - padding: 4px 10px; - height: 27px; - font-size: 13px; + padding: 4px 10px; + height: 27px; + font-size: 13px; } select.input-sm { - height: 28px; - line-height: 24px; + height: 28px; + line-height: 24px; } .form-group { - margin-bottom: 10px; + margin-bottom: 10px; } .container:not(.loginPage) { - position: relative; - width: 83% !important; + position: relative; + width: 83% !important; } @media only screen and (max-width: 1300px) { - .container:not(.loginPage) { - width: 95% !important; - } + .container:not(.loginPage) { + width: 95% !important; + } } a:hover { - color: #A9A9A9; + color: #A9A9A9; } a.disabled { - background: #ffffff !important; - border: 1px solid #c5c5c5; - border-bottom: 3px solid #c5c5c5; - color: #848484 !important; - cursor: default; - text-decoration: none; + background: #ffffff !important; + border: 1px solid #c5c5c5; + border-bottom: 3px solid #c5c5c5; + color: #848484 !important; + cursor: default; + text-decoration: none; } a.addLink { - color: #fff; - /* background-image: url(../../global/images/add_partner.png); */ - /* background-repeat: no-repeat; */ - padding-left: 36px; - background-position: 0 1px; - font-weight: 600; + color: #fff; + /* background-image: url(../../global/images/add_partner.png); */ + /* background-repeat: no-repeat; */ + padding-left: 36px; + background-position: 0 1px; + font-weight: 600; } -a.addLink:hover{ - text-decoration: none; +a.addLink:hover { + text-decoration: none; } -.iconAddPartner{ - width: 16px; - position: absolute; - left: 11px; - top: 5px; +.iconAddPartner { + width: 16px; + position: absolute; + left: 11px; + top: 5px; } a#btn-revokeChoice { - cursor: pointer; + cursor: pointer; } -.select, .input { - /* margin-bottom: 0px; */ - font-weight: normal; +.select, +.input { + /* margin-bottom: 0px; */ + font-weight: normal; } -.select.button, .textArea.button { - float: left; - width: 87%; +.select.button, +.textArea.button { + float: left; + width: 87%; } .addButton.Indicator { - padding: 15px 9px; - margin-top: 11px; + padding: 15px 9px; + margin-top: 11px; } .addButton.outcome { - padding: 6px 8px !important; + padding: 6px 8px !important; } .button { - background: #E6E6E6; - padding: 5px 8px; - /* width: 20%; */ - border-radius: 4px; - cursor: pointer; - text-align: center; - display: inline-block; + background: #E6E6E6; + padding: 5px 8px; + /* width: 20%; */ + border-radius: 4px; + cursor: pointer; + text-align: center; + display: inline-block; } .button:hover { - background: #E0E0E0; + background: #E0E0E0; } .bigAddButton { - border-style: dashed; - border-width: 2px; - border-color: #ccc; - color: #b1afaf; - font-size: 1.5em; - padding: 10px 0; - margin: 0 7px; - cursor: pointer; - border-radius: 4px; - display: block; + border-style: dashed; + border-width: 2px; + border-color: #ccc; + color: #b1afaf; + font-size: 1.5em; + padding: 10px 0; + margin: 0 7px; + cursor: pointer; + border-radius: 4px; + display: block; } .bigAddButton:hover { - border-color: #9c9c9c; - color: #757575; + border-color: #9c9c9c; + color: #757575; } input.disabled { - opacity: 0.6; + opacity: 0.6; } .inputSelected { - border-radius: 4px; - background-color: #f1f1f1 !important; + border-radius: 4px; + background-color: #f1f1f1 !important; } [class*="control-"] { - cursor: pointer; - text-decoration: underline; + cursor: pointer; + text-decoration: underline; } .viewMore-block { - overflow: hidden; - /* padding-bottom: 50px; */ - -webkit-transition: height 1s; - -moz-transition: height 1s; - transition: height 1s; + overflow: hidden; + /* padding-bottom: 50px; */ + -webkit-transition: height 1s; + -moz-transition: height 1s; + transition: height 1s; } .viewMore { - color: #287fa1; - /* border-bottom: 1px solid #f2f2f2; */ - position: absolute; - bottom: 0; - width: 96%; - margin: 0 0.5%; - cursor: pointer; - padding: 5px 0 0px 0; - font-weight: 900; - text-align: center; - background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 0%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, #fff)); - background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#d9edf7 70%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); + color: #287fa1; + /* border-bottom: 1px solid #f2f2f2; */ + position: absolute; + bottom: 0; + width: 96%; + margin: 0 0.5%; + cursor: pointer; + padding: 5px 0 0px 0; + font-weight: 900; + text-align: center; + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 0%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #fff)); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #d9edf7 70%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .viewMore:hover { - color: #999; - text-decoration: underline; + color: #999; + text-decoration: underline; } .hide { - display: none; + display: none; } .show { - display: block; + display: block; } /* MODAL */ .modal { - text-align: center; + text-align: center; } @media screen and (min-width: 768px) { - .modal:before { - display: inline-block; - vertical-align: middle; - content: " "; - height: 100%; - } + .modal:before { + display: inline-block; + vertical-align: middle; + content: " "; + height: 100%; + } } .modal-dialog { - display: inline-block; - text-align: left; - vertical-align: middle; + display: inline-block; + text-align: left; + vertical-align: middle; } div.disabled { - /* Required for IE 5, 6, 7 */ - /* ...or something to trigger hasLayout, like zoom: 1; */ - width: 100%; - /* Theoretically for IE 8 & 9 (more valid) */ - /* ...but not required as filter works too */ - /* should come BEFORE filter */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - /* This works in IE 8 & 9 too */ - /* ... but also 5, 6, 7 */ - filter: alpha(opacity=40); - /* Older than Firefox 0.9 */ - -moz-opacity: 0.4; - /* Safari 1.x (pre WebKit!) */ - -khtml-opacity: 0.4; - /* Modern! + /* Required for IE 5, 6, 7 */ + /* ...or something to trigger hasLayout, like zoom: 1; */ + width: 100%; + /* Theoretically for IE 8 & 9 (more valid) */ + /* ...but not required as filter works too */ + /* should come BEFORE filter */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + /* This works in IE 8 & 9 too */ + /* ... but also 5, 6, 7 */ + filter: alpha(opacity=40); + /* Older than Firefox 0.9 */ + -moz-opacity: 0.4; + /* Safari 1.x (pre WebKit!) */ + -khtml-opacity: 0.4; + /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ - opacity: 0.6; + opacity: 0.6; } .center { - text-align: center !important; + text-align: center !important; } .right { - text-align: right !important; + text-align: right !important; } .left { - text-align: left !important; + text-align: left !important; } .red { - color: red; - font-weight: bold; - font-size: 1.2em; - padding: 0.15em; + color: red; + font-weight: bold; + font-size: 1.2em; + padding: 0.15em; } .fieldset { - position: relative; - padding: 0px 10px 12px 8px; - margin: 6px 0px; - border: 1px dotted #5f96c5; - border-radius: 10px 0px; + position: relative; + padding: 0px 10px 12px 8px; + margin: 6px 0px; + border: 1px dotted #5f96c5; + border-radius: 10px 0px; } p.msj { - float: right; - padding-top: 9px; + float: right; + padding-top: 9px; } p.emptyText { - font-weight: normal; + font-weight: normal; } ul.fieldError { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } -ul.fieldError li, a.fieldError { - color: red; - list-style-type: none; - text-align: left; +ul.fieldError li, +a.fieldError { + color: red; + list-style-type: none; + text-align: left; } span.badge.fieldError { - background-color: red; + background-color: red; } .radios { - margin: 9px 0; + margin: 9px 0; } .radios input { - margin: 1px 4px; - vertical-align: middle; + margin: 1px 4px; + vertical-align: middle; } .radios label { - margin-right: 4px; - text-transform: capitalize; + margin-right: 4px; + text-transform: capitalize; } .marlo-content { - min-height: 400px; + min-height: 400px; } -textarea.fieldError, input.fieldError, textarea.fieldError:focus, input.fieldError:focus{ - border-color: #F44 !important; - background-color: #FFFAFA; - color: #EE1D1D !important; +textarea.fieldError, +input.fieldError, +textarea.fieldError:focus, +input.fieldError:focus { + border-color: #F44 !important; + background-color: #FFFAFA; + color: #EE1D1D !important; } - -div.fieldError, label.fieldError, small.fieldError { - border-color: #F44 !important; - color: #EE1D1D !important; - font-weight: 600 !important; + +div.fieldError, +label.fieldError, +small.fieldError { + border-color: #F44 !important; + color: #EE1D1D !important; + font-weight: 600 !important; } -div.fieldError button{ - border-color: #F44 !important; - color: #EE1D1D !important; - font-weight: 600 !important; +div.fieldError button { + border-color: #F44 !important; + color: #EE1D1D !important; + font-weight: 600 !important; } .fieldFocus { - border: 1px solid #a0ccef!important; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); + border: 1px solid #a0ccef !important; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } div.fieldFocus { - padding: 10px 15px !important; - margin: 20px 0 !important; + padding: 10px 15px !important; + margin: 20px 0 !important; } /* Table default style*/ table.default { - margin: 0px 0 !important; - width: 100%; + margin: 0px 0 !important; + width: 100%; } table.default thead { - border-bottom: 2px solid #0F7296; + border-bottom: 2px solid #0F7296; } table.default th { - color: #0F7296; - padding: 5px 0px 3px 8px; - vertical-align: middle; + color: #0F7296; + padding: 5px 0px 3px 8px; + vertical-align: middle; } table.default td { - padding: 6px 10px 6px 10px; - border: 1px solid #DEDEDE; - vertical-align: middle; + padding: 6px 10px 6px 10px; + border: 1px solid #DEDEDE; + vertical-align: middle; } table.default tbody tr:hover { - background-color: #f9f9f9; + background-color: #f9f9f9; } table.default a { - color: #444; - text-decoration: none; + color: #444; + text-decoration: none; } -.changedField label, .changedField span, .changedField p { - color: #0288D1 !important; +.changedField label, +.changedField span, +.changedField p { + color: #0288D1 !important; } .changedField { - border-radius: 4px; - /*background-color: #eaffea !important;*/ + border-radius: 4px; + /*background-color: #eaffea !important;*/ } -.changedField.simpleBox, .changedField.borderBox { - border-color: #addbf5 !important; +.changedField.simpleBox, +.changedField.borderBox { + border-color: #addbf5 !important; } label.readOnly { - cursor: initial; + cursor: initial; } -p.fieldError, span.remainingAmount.fieldError { - color: #F52626 !important; - font-weight: bold; - margin-right: 4px; +p.fieldError, +span.remainingAmount.fieldError { + color: #F52626 !important; + font-weight: bold; + margin-right: 4px; } p.fieldChecked { - color: #7fb06f !important; - /* font-weight: bold; */ - margin-right: 4px; - /* background: url(../../global/images/checked-true.png) no-repeat 0 40%; */ - padding-left: 21px; - /* margin-left: -6px !important; */ + color: #7fb06f !important; + /* font-weight: bold; */ + margin-right: 4px; + /* background: url(../../global/images/checked-true.png) no-repeat 0 40%; */ + padding-left: 21px; + /* margin-left: -6px !important; */ } span.fieldError { - /* background-color: #F59898; */ - /* color: #fff !important; */ - /* padding: 1px 6px 1px 6px; */ - /* margin-right: 4px; */ - /* margin-top: 2px; */ - /* border-radius: 2px; */ - /* font-size: 0.85em; */ - /* float: left; */ + /* background-color: #F59898; */ + /* color: #fff !important; */ + /* padding: 1px 6px 1px 6px; */ + /* margin-right: 4px; */ + /* margin-top: 2px; */ + /* border-radius: 2px; */ + /* font-size: 0.85em; */ + /* float: left; */ } p.warning-info { - background-color: #F6BB42; - border-color: #F6BB42; - color: #fff; - padding: 3px 10px; - border-radius: 4px; + background-color: #F6BB42; + border-color: #F6BB42; + color: #fff; + padding: 3px 10px; + border-radius: 4px; } p.inputTitle { - color: #777; - line-height: 1.3em; + color: #777; + line-height: 1.3em; } p.username-message { - margin: -3px 0 12px 2px; - color: #6B6969; + margin: -3px 0 12px 2px; + color: #6B6969; } -p.checked, label.checked { - background: url(../../global/images/icon-check.png) no-repeat 5px 35%; - padding: 3px 0 3px 25px; - margin-bottom: 5px; - text-align: justify; +p.checked, +label.checked { + background: url(../../global/images/icon-check.png) no-repeat 5px 35%; + padding: 3px 0 3px 25px; + margin-bottom: 5px; + text-align: justify; } img.external-link { - vertical-align: middle; - padding-left: 3px; - width: 10px; + vertical-align: middle; + padding-left: 3px; + width: 10px; } h2.successTitle { - font-size: 2em; - color: #7FB06F; - margin-bottom: 11px; - text-align: center; + font-size: 2em; + color: #7FB06F; + margin-bottom: 11px; + text-align: center; } -h6.checked-true, p.checked-true { - background: url(../../global/images/checked-true.png) no-repeat 0; - padding: 3px 0 3px 23px; +h6.checked-true, +p.checked-true { + background: url(../../global/images/checked-true.png) no-repeat 0; + padding: 3px 0 3px 23px; } -h6.checked-false, p.checked-false { - background: url(../../global/images/checked-false.png) no-repeat 0; - padding: 1px 0 1px 23px; +h6.checked-false, +p.checked-false { + background: url(../../global/images/checked-false.png) no-repeat 0; + padding: 1px 0 1px 23px; } h6.subTitle { - color: #575757; - font-size: 1.05em; - padding-top: 7px; - padding-bottom: 0px; + color: #575757; + font-size: 1.05em; + padding-top: 7px; + padding-bottom: 0px; } .hasDatepicker { - cursor: pointer; - background: url(../../global/images/calendar.png) no-repeat scroll 99% 2px; + cursor: pointer; + background: url(../../global/images/calendar.png) no-repeat scroll 99% 2px; } fieldset { - /* padding: 10px 20px 20px; */ - margin: 0 0 30px; - /* border: 1px solid silver; */ + /* padding: 10px 20px 20px; */ + margin: 0 0 30px; + /* border: 1px solid silver; */ } ul.messages { - text-align: left; + text-align: left; } ul.messages li { - margin: 3px 0; + margin: 3px 0; } legend { - text-align: center; - padding: 5px; - margin: 0; + text-align: center; + padding: 5px; + margin: 0; } textarea { - width: 100%; - height: 85px; + width: 100%; + height: 85px; } textarea#justification { - height: 60px; + height: 60px; } -.textArea p, .input p, .select p, .uploadContainer p { - text-align: justify; - width: 98%; - font-size: 0.98em; - line-height: 1.5em; - word-wrap: break-word; - color: #828282; - margin: 0; +.textArea p, +.input p, +.select p, +.uploadContainer p { + text-align: justify; + width: 98%; + font-size: 0.98em; + line-height: 1.5em; + word-wrap: break-word; + color: #828282; + margin: 0; } .dont-break-out { - /* These are technically the same, but use both */ - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - /* This is the dangerous one in WebKit, as it breaks things wherever */ - word-break: break-all; - /* Instead use this non-standard one: */ - word-break: break-word; - /* Adds a hyphen where the word breaks, if supported (No Blink) */ - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; + /* These are technically the same, but use both */ + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + /* This is the dangerous one in WebKit, as it breaks things wherever */ + word-break: break-all; + /* Instead use this non-standard one: */ + word-break: break-word; + /* Adds a hyphen where the word breaks, if supported (No Blink) */ + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } .fileUploaded { - border: 1px dashed #ccc; - position: relative; - padding-left: 6px; + border: 1px dashed #ccc; + position: relative; + padding-left: 6px; } input[type="radio"] { - /* margin-left: 15px; */ - margin-right: 3px; - vertical-align: middle; + /* margin-left: 15px; */ + margin-right: 3px; + vertical-align: middle; } select { - width: 99%; + width: 99%; } .disabled-label { - background: #FFF !important; - box-shadow: none !important; - color: #7E7E7E !important; + background: #FFF !important; + box-shadow: none !important; + color: #7E7E7E !important; } .dataTables_wrapper select { - width: auto !important; + width: auto !important; } -input[type="submit"], button, .addButton, a.form-button { - background-color: #2BA6CB; - color: #fff; - border: 0; - padding: 5px 26px; - /* font-weight: bold; */ - border-bottom: 3px solid #1E94B8; - border-radius: 2px; - text-decoration: none; +input[type="submit"], +button, +.addButton, +a.form-button { + background-color: #2BA6CB; + color: #fff; + border: 0; + padding: 5px 26px; + /* font-weight: bold; */ + border-bottom: 3px solid #1E94B8; + border-radius: 2px; + text-decoration: none; } input[type="submit"]:hover { - background-color: rgb(39, 147, 173); + background-color: rgb(39, 147, 173); } /* Accesible change on tab */ input[type="submit"]:focus { - background-color: rgb(39, 147, 173); + background-color: rgb(39, 147, 173); } a.form-button:hover { - background-color: rgb(40, 156, 185); + background-color: rgb(40, 156, 185); } a.form-button.button-edit { - background-color: #999; - border-bottom: 3px solid #807f7f; + background-color: #999; + border-bottom: 3px solid #807f7f; } .addButton { - background: url('../../global/images/add.png') no-repeat 4px #2BA6CB; - padding: 4px 25px 4px 28px; - margin: 5px 1px; - text-decoration: none; - cursor: pointer; + background: url('../../global/images/add.png') no-repeat 4px #2BA6CB; + padding: 4px 25px 4px 28px; + margin: 5px 1px; + text-decoration: none; + cursor: pointer; } -a.addButton, a.addButton:active, a.addButton:visited, a.addButton:hover { - color: #fff; +a.addButton, +a.addButton:active, +a.addButton:visited, +a.addButton:hover { + color: #fff; } /* Noty messages */ ul#noty_bottomRight_layout_container { - z-index: 2147483648 !important; + z-index: 2147483648 !important; } /* Edit Button */ .editButton { - position: absolute; - right: 0; - top: 0; - background: url(../../global/images/icon-edit.png) #1abc9c no-repeat 11px 2px; - background-size: 20%; - padding: 2px 0px 3px 0px; - cursor: pointer; - font-size: 1.1em; - border-radius: 0 0 0 3px; - z-index: 9; + position: absolute; + right: 0; + top: 0; + background: url(../../global/images/icon-edit.png) #1abc9c no-repeat 11px 2px; + background-size: 20%; + padding: 2px 0px 3px 0px; + cursor: pointer; + font-size: 1.1em; + border-radius: 0 0 0 3px; + z-index: 9; } .editButton a { - color: #fff; - font-weight: bold; - text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); - text-decoration: none; - padding: 8px 18px 6px 31px; + color: #fff; + font-weight: bold; + text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); + text-decoration: none; + padding: 8px 18px 6px 31px; } .editButton:hover { - background-color: #16a085; + background-color: #16a085; } /* View Button */ .viewButton.removeOption { - right: 43px; + right: 43px; } .viewButton { - position: absolute; - right: 4px; - top: 0; - background: url(../../global/images/icon-view.png) #8B8B8B no-repeat 9px 2px; - /* background-size: 18%; */ - padding: 0px 0px 3px 0px; - cursor: pointer; - font-size: 1.1em; - border-radius: 0 0px 4px 4px; - z-index: 9; + position: absolute; + right: 4px; + top: 0; + background: url(../../global/images/icon-view.png) #8B8B8B no-repeat 9px 2px; + /* background-size: 18%; */ + padding: 0px 0px 3px 0px; + cursor: pointer; + font-size: 1.1em; + border-radius: 0 0px 4px 4px; + z-index: 9; } .viewButton a { - color: #fff; - font-weight: bold; - /* text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); */ - text-decoration: none; - padding: 8px 18px 6px 31px; - color: #FFFFFF; + color: #fff; + font-weight: bold; + /* text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1); */ + text-decoration: none; + padding: 8px 18px 6px 31px; + color: #FFFFFF; } .viewButton:hover { - background-color: #6C6C6C; + background-color: #6C6C6C; } .accordion { - color: #fff; - background: #2a7eb7; - font-size: 1.5em; - vertical-align: middle; - padding: 8px; - cursor: pointer; - box-shadow: 0px -1px 2px #287fa1; + color: #fff; + background: #2a7eb7; + font-size: 1.5em; + vertical-align: middle; + padding: 8px; + cursor: pointer; + box-shadow: 0px -1px 2px #287fa1; } .accordion.active:hover { - background: #2f8ac7; + background: #2f8ac7; } .accordion.active { - background: #3498db; - cursor: pointer; - /* opacity: 0.7; */ - color: #b1d2e8; + background: #3498db; + cursor: pointer; + /* opacity: 0.7; */ + color: #b1d2e8; } .accordion-block { - height: 312px; - border-top: 0; - position: relative; + height: 312px; + border-top: 0; + position: relative; } #search-users h4 { - padding: 4px; + padding: 4px; } #search-users hr { - margin: 0; + margin: 0; } .create-user-block { - padding: 10px 23px; + padding: 10px 23px; } .close-dialog { - position: absolute; - right: 2px; - top: 2px; - font-size: 1.7em; - color: #6b6b6b; - cursor: pointer; + position: absolute; + right: 2px; + top: 2px; + font-size: 1.7em; + color: #6b6b6b; + cursor: pointer; } -input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { - background-color: #fff !important; - /* background-image: none !important; */ - color: #ccc !important; +input:-webkit-autofill, +textarea:-webkit-autofill, +select:-webkit-autofill { + background-color: #fff !important; + /* background-image: none !important; */ + color: #ccc !important; } input.target { - width: 30% !important; + width: 30% !important; } .halfPartBlock .checkbox input { - width: 15px; - /* margin-left: 20px; */ - vertical-align: middle; + width: 15px; + /* margin-left: 20px; */ + vertical-align: middle; } .halfPartBlock .checkbox h6 { - display: inline; - width: 30%; - width: 29%\0/; - /*hack for IE8 & IE9*/ + display: inline; + width: 30%; + width: 29%\0/; + /*hack for IE8 & IE9*/ } -.halfPartBlock .input, .fullPartBlock .input { - width: 100%; +.halfPartBlock .input, +.fullPartBlock .input { + width: 100%; } -.fullBlock .textArea, .fullBlock .input { - width: 99%; +.fullBlock .textArea, +.fullBlock .input { + width: 99%; } .radiosList label { - margin-right: 20px; + margin-right: 20px; } .checkboxGroup input { - margin-left: 0px; - width: 14px; - vertical-align: top; - margin-top: 6px; + margin-left: 0px; + width: 14px; + vertical-align: top; + margin-top: 6px; } .checkboxGroup .checkboxLabel { - display: inline-block; - /* font-size: 0.95em; */ - width: 95%; + display: inline-block; + /* font-size: 0.95em; */ + width: 95%; } .fileUpload .upload::-webkit-file-upload-button { - visibility: hidden; + visibility: hidden; } .fileUpload .upload::before { - content: 'Select a file'; - display: inline-block; - background: #2BA6CB; - border-radius: 3px; - margin-top: 1px; - padding: 2px 6px; - outline: none; - white-space: nowrap; - -webkit-user-select: none; - cursor: pointer; - font-weight: 700; - font-size: 10pt; - color: #fff; + content: 'Select a file'; + display: inline-block; + background: #2BA6CB; + border-radius: 3px; + margin-top: 1px; + padding: 2px 6px; + outline: none; + white-space: nowrap; + -webkit-user-select: none; + cursor: pointer; + font-weight: 700; + font-size: 10pt; + color: #fff; } .fileUpload .upload:hover::before { - border-color: #fff; + border-color: #fff; } .fileUpload .upload:active::before { - background-color: #2BA6CB; + background-color: #2BA6CB; } .fileUpload .remove { - float: right; - background-color: initial; - background-image: url(../../global/images/icon-remove.png); - background-repeat: no-repeat; - background-position: 0 50%; - width: 15px; - height: 20px; - margin-left: 20px; - vertical-align: middle; + float: right; + background-color: initial; + background-image: url(../../global/images/icon-remove.png); + background-repeat: no-repeat; + background-position: 0 50%; + width: 15px; + height: 20px; + margin-left: 20px; + vertical-align: middle; } .fileUpload .file { - float: left; - margin-right: 7px; - background-image: url(../../global/images/icon-file.png); - width: 16px; - height: 18px; + float: left; + margin-right: 7px; + background-image: url(../../global/images/icon-file.png); + width: 16px; + height: 18px; } .grid_5 .checkboxGroup .checkboxLabel { - width: 92%; + width: 92%; } div.checkboxGroup.vertical label { - width: 96%; + width: 96%; } div.checkboxGroup.vertical input { - margin-top: 5px; - vertical-align: top; + margin-top: 5px; + vertical-align: top; } span.or { - font-weight: lighter; - padding: 10px; + font-weight: lighter; + padding: 10px; } img.icon { - vertical-align: middle; - padding: 0 5px !important; + vertical-align: middle; + padding: 0 5px !important; } #downloadGuidelineMessage { - margin-left: 27px; - border: 2px dotted #CCC; - border-radius: 3px; - width: 295px; - padding-right: 10px; - text-align: center; + margin-left: 27px; + border: 2px dotted #CCC; + border-radius: 3px; + width: 295px; + padding-right: 10px; + text-align: center; } .removeLink { - display: block; - text-align: right; + display: block; + text-align: right; } .removeButton { - cursor: pointer; - vertical-align: middle; - position: absolute; - right: 3px; - top: 11px; + cursor: pointer; + vertical-align: middle; + position: absolute; + right: 3px; + top: 11px; } .removeElement { - padding: 10px 20px; - background-image: url(../../global/images/icon-remove.png); - background-repeat: no-repeat; - background-position: center; - background-color: #D5504C; - position: absolute; - top: 0; - right: 0; - border-radius: 0px 3px 0px 8px; - cursor: pointer; + padding: 10px 20px; + background-image: url(../../global/images/icon-remove.png); + background-repeat: no-repeat; + background-position: center; + background-color: #D5504C; + position: absolute; + top: 0; + right: 0; + border-radius: 0px 3px 0px 8px; + cursor: pointer; } .removeElement.disable { - opacity: 0.4; - cursor: not-allowed; + opacity: 0.4; + cursor: not-allowed; } .removeElement.sm { - padding: 9px 10px; - /*z-index: 1000;*/ + padding: 9px 10px; + /*z-index: 1000;*/ } .removeIcon { - padding: 12px 13px; - background-image: url(../../global/images/icon-remove.png); - background-repeat: no-repeat; - background-position: center; - position: absolute; - top: 0; - right: 0; - cursor: pointer; + padding: 12px 13px; + background-image: url(../../global/images/icon-remove.png); + background-repeat: no-repeat; + background-position: center; + position: absolute; + top: 0; + right: 0; + cursor: pointer; } .removeIcon.disable { - opacity: 0.4; - cursor: not-allowed; + opacity: 0.4; + cursor: not-allowed; } -.removeLink img, .removeLink a { - vertical-align: middle; - text-decoration: none; - color: #816565; +.removeLink img, +.removeLink a { + vertical-align: middle; + text-decoration: none; + color: #816565; } .addLink { - margin: 15px 5px 12px 0px; - text-align: right; + margin: 15px 5px 12px 0px; + text-align: right; } -.addLink img, .addLink a { - vertical-align: middle; - text-decoration: none; - color: #FFFFFF; - font-weight: bold; +.addLink img, +.addLink a { + vertical-align: middle; + text-decoration: none; + color: #FFFFFF; + font-weight: bold; } .ajax-loader { - display: block; - margin: 0 auto; + display: block; + margin: 0 auto; } .loading { - width: 100%; - height: 100%; - background: url(../../global/images/loading.gif) #FFF no-repeat 50%; - position: absolute; - z-index: 99; - opacity: 0.5; - top: 0; - left: 0; + width: 100%; + height: 100%; + background: url(../../global/images/loading.gif) #FFF no-repeat 50%; + position: absolute; + z-index: 99; + opacity: 0.5; + top: 0; + left: 0; } .loading-neutral { - width: 100%; - height: 100%; - background: url(../../global/images/loading-neutral.svg) #FFF no-repeat 50%; - position: absolute; - z-index: 99; - opacity: 0.5; - top: 0; - left: 0; + width: 100%; + height: 100%; + background: url(../../global/images/loading-neutral.svg) #FFF no-repeat 50%; + position: absolute; + z-index: 99; + opacity: 0.5; + top: 0; + left: 0; } .syncedBlock { - background: #fff; - width: 100%; - height: 100%; - position: absolute; - z-index: 99; - opacity: 0.5; - top: 0; - left: 0; + background: #fff; + width: 100%; + height: 100%; + position: absolute; + z-index: 99; + opacity: 0.5; + top: 0; + left: 0; } .loadingBlock { - width: 100%; - min-height: 56px; - background: url(../../global/images/loading.gif) #FFF no-repeat 50%; - z-index: 99; - opacity: 0.3; + width: 100%; + min-height: 56px; + background: url(../../global/images/loading.gif) #FFF no-repeat 50%; + z-index: 99; + opacity: 0.3; } input.input-loading { - background-image: url(../../global/images/loading_3.gif); - background-position: right; - background-repeat: no-repeat !important; + background-image: url(../../global/images/loading_3.gif); + background-position: right; + background-repeat: no-repeat !important; } /* Horizontal sub menu */ ul.horizontalSubMenu { - list-style: none; - margin: 23px 0px 11px 0; - padding: 0; - font-size: 0.9em; + list-style: none; + margin: 23px 0px 11px 0; + padding: 0; + font-size: 0.9em; } ul.horizontalSubMenu li { - padding: 7px 11px; - border: 1px solid #D2D2D2; - display: inline-block; - margin-bottom: 5px; - border-radius: 3px; - position: relative; + padding: 7px 11px; + border: 1px solid #D2D2D2; + display: inline-block; + margin-bottom: 5px; + border-radius: 3px; + position: relative; } ul.horizontalSubMenu li a { - text-decoration: none; - color: #B3B2B2; + text-decoration: none; + color: #B3B2B2; } ul.horizontalSubMenu li.active { - background: #1DA5CE; - border-color: #1DA5CE; + background: #1DA5CE; + border-color: #1DA5CE; } ul.horizontalSubMenu li.active a { - color: #fff; + color: #fff; } ul.horizontalSubMenu li.canEdit a:after { - content: "*"; + content: "*"; } p.synthesisCompleted { - position: absolute; - right: 1px; - bottom: 1px; - border-radius: 4px; + position: absolute; + right: 1px; + bottom: 1px; + border-radius: 4px; } p.synthesisCompleted img { - vertical-align: bottom; - width: 10px; + vertical-align: bottom; + width: 10px; } /* Lessons and Implications */ #lessons { - padding-top: 10px; + padding-top: 10px; } /* Log History */ .log-table { - width: 100%; + width: 100%; } .log-table .type { - width: 12px; + width: 12px; } .log-table .date { - width: 173px; + width: 173px; } .log-table tr th { - font-weight: bold; - border-bottom: 2px solid #444; - padding: 4px; + font-weight: bold; + border-bottom: 2px solid #444; + padding: 4px; } .log-table tr td { - padding: 4px; + padding: 4px; } /* Log Histoy type colors */ span.logType { - width: 6px; - padding: 0 0px; - display: block; - border-radius: 2px; + width: 6px; + padding: 0 0px; + display: block; + border-radius: 2px; } .legend { - border-top: 1px solid #EAEAEA; - padding-top: 12px; + border-top: 1px solid #EAEAEA; + padding-top: 12px; } .legend span.logType { - display: inline; - padding: 0 6px; - margin-right: 3px; - border-radius: 50%; + display: inline; + padding: 0 6px; + margin-right: 3px; + border-radius: 50%; } .legend .action { - float: left; - margin-right: 24px; + float: left; + margin-right: 24px; } span.logType.updated { - background-color: #CCC; + background-color: #CCC; } span.logType.deleted { - background-color: #E07070; + background-color: #E07070; } span.logType.saved { - background-color: #5BA55B; + background-color: #5BA55B; } /* Data Sheet*/ #organizationID-quote p { - line-height: 31px; + line-height: 31px; } #projectID-quote { - background-image: url(../../global/images/project-icon.png); + background-image: url(../../global/images/project-icon.png); } #clusterID-quote { - background-image: url(../../global/images/cluster-icon.png); + background-image: url(../../global/images/cluster-icon.png); } #projectID-quote p { - line-height: 29px; - margin: 0; + line-height: 29px; + margin: 0; } #clusterID-quote p { - line-height: 29px; - margin: 0; + line-height: 29px; + margin: 0; } #projectType-quote p { - line-height: 31px; + line-height: 31px; } #deliverableID-quote { - background-image: url(../../global/images/deliverable-icon.png); + background-image: url(../../global/images/deliverable-icon.png); } #deliverableID-quote p { - line-height: 27px; - margin: 0; - font-size: 0.9em; + line-height: 27px; + margin: 0; + font-size: 0.9em; } /* General Messages */ #generalMessages { - /* margin-top: 20px; */ - text-align: center; + /* margin-top: 20px; */ + text-align: center; } #generalMessages ul { - width: 100%; - padding: 0; + width: 100%; + padding: 0; } .charCount { - color: #888888; - font-size: 0.85em !important; - margin-right: 12px; - text-align: right !important; - float: right; + color: #888888; + font-size: 0.85em !important; + margin-right: 12px; + text-align: right !important; + float: right; } a.popup-link { - border-radius: 2px; - box-shadow: 1px 1px 3px #AAAAAA; - padding: 1px 10px; + border-radius: 2px; + box-shadow: 1px 1px 3px #AAAAAA; + padding: 1px 10px; } .container #autoSavingMessages { - background-color: #ffffff; - opacity: 0.6; - filter: alpha(opacity=60); - /* For IE8 and earlier */ - position: fixed; - top: 0; - width: 1100px; + background-color: #ffffff; + opacity: 0.6; + filter: alpha(opacity=60); + /* For IE8 and earlier */ + position: fixed; + top: 0; + width: 1100px; } .container #autoSavingMessages p { - color: #000; - font-weight: bold; - text-align: center; + color: #000; + font-weight: bold; + text-align: center; } .quote { - /* font-weight: lighter; */ - font-size: 0.9em; - margin: 0 40px; - padding: 5px; - color: #1D2465; + /* font-weight: lighter; */ + font-size: 0.9em; + margin: 0 40px; + padding: 5px; + color: #1D2465; } .quote p { - color: #686A7D; + color: #686A7D; } /* partners Save*/ select#partnerSave_activityPartner_partner_type_id { - width: 99%; + width: 99%; } .input-group { - display: table; + display: table; } .input-group .input-group-addon { - padding: 4px 12px; + padding: 4px 12px; } .dialog-content { - text-align: left; - height: 100%; - /* margin-top: 6px; */ - font-size: 0.9em; + text-align: left; + height: 100%; + /* margin-top: 6px; */ + font-size: 0.9em; } /* Marlo Panel Style */ .panel { - border: 1px solid rgba(0,0,0,0.2); - border-radius: 0; - /* margin-bottom: 0; */ - box-shadow: 0 0 0; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; + /* margin-bottom: 0; */ + box-shadow: 0 0 0; } .panel.secondary .panel-head { - font-size: 1em; - background: #CBCBCB; - /* padding: 4px; */ + font-size: 1em; + background: #CBCBCB; + /* padding: 4px; */ } .panel.tertiary { - border: none; + border: none; } .panel.tertiary .panel-head { - background: #FFFFFF; - color: #6b6a6a; - padding: 2px 0 0px 0; - margin-bottom: 8px; - text-align: left; - border-bottom: 1px solid #DBDBDB; + background: #FFFFFF; + color: #6b6a6a; + padding: 2px 0 0px 0; + margin-bottom: 8px; + text-align: left; + border-bottom: 1px solid #DBDBDB; } .panel.tertiary .panel-body { - padding: 5px 3px 3px 3px; - border-left: 4px solid #E7E6E6; - margin-left: 1px; -} - -.panel.tertiary .panel-body > ul.list > li { - list-style: none; - padding: 1px 24px 0px 6px; - background-color: #F7F7F7; - border: 1px solid #E0E0E0 !important; - box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); - border-radius: 2px; - margin-bottom: 5px; - position: relative; + padding: 5px 3px 3px 3px; + border-left: 4px solid #E7E6E6; + margin-left: 1px; +} + +.panel.tertiary .panel-body>ul.list>li { + list-style: none; + padding: 1px 24px 0px 6px; + background-color: #F7F7F7; + border: 1px solid #E0E0E0 !important; + box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); + border-radius: 2px; + margin-bottom: 5px; + position: relative; } .panel .panel-head { - background: #8EA786; - color: #fff; - padding: 6px; - text-align: center; - border-radius: 0; - font-size: 1em; - /*font-weight: 500;*/ + background: #8EA786; + color: #fff; + padding: 6px; + text-align: center; + border-radius: 0; + font-size: 1em; + /*font-weight: 500;*/ } .panel .panel-body { - padding: 4px 3px 4px 3px; - min-height: 68px; - position: relative; + padding: 4px 3px 4px 3px; + min-height: 68px; + position: relative; } -.panel .panel-body > ul { - margin: 0; - padding: 0 6px; - font-weight: normal; +.panel .panel-body>ul { + margin: 0; + padding: 0 6px; + font-weight: normal; } -.panel .panel-body > ul > li { - list-style: none; - padding: 5px 0 8px 0; - border-bottom: 1px solid #ccc; +.panel .panel-body>ul>li { + list-style: none; + padding: 5px 0 8px 0; + border-bottom: 1px solid #ccc; } -.panel .panel-body > ul.list > li:hover, .panel .panel-body > ul > li:hover { - color: #444; - background-color: #F4F4F4; +.panel .panel-body>ul.list>li:hover, +.panel .panel-body>ul>li:hover { + color: #444; + background-color: #F4F4F4; } -.panel .panel-body > ul > li.last { - border-bottom: none; +.panel .panel-body>ul>li.last { + border-bottom: none; } .panel-body .list span.name { - width: 90%; - display: block; - float: left; + width: 90%; + display: block; + float: left; } .panel-body a { - color: #444; + color: #444; } -.panel span.listButton, .budget span.listButton { - /* float:right; */ - padding: 0px 8px; - cursor: pointer; - position: relative; - margin-left: 15px; +.panel span.listButton, +.budget span.listButton { + /* float:right; */ + padding: 0px 8px; + cursor: pointer; + position: relative; + margin-left: 15px; } .panel span.listButton.select { - background-color: #E6E6E6; + background-color: #E6E6E6; } .panel span.name { - cursor: pointer; - /* padding: 5px 3px; */ + cursor: pointer; + /* padding: 5px 3px; */ } .remove { - background-color: #D5504C; - color: #fff; - border-radius: 3px; - font-size: 0.95em; - cursor: pointer; + background-color: #D5504C; + color: #fff; + border-radius: 3px; + font-size: 0.95em; + cursor: pointer; } .remove:hover { - /* background-color: #d5504c; */ + /* background-color: #d5504c; */ } .panel span.listButton.remove:hover { - background-color: #BD3D3A; + background-color: #BD3D3A; } .search-input { - width: 85%; - position: relative; + width: 85%; + position: relative; } .search-loader { - position: absolute; - bottom: 0.4em; - right: 0.5em; + position: absolute; + bottom: 0.4em; + right: 0.5em; } .search-loader img { - width: 32px; + width: 32px; } .search-button { - background: #2a7eb7; - color: #fff; - padding: 5px 0; - width: 74px; - border-radius: 4px; - cursor: pointer; - position: absolute; - bottom: 23%; - right: 11px; - text-align: center; + background: #2a7eb7; + color: #fff; + padding: 5px 0; + width: 74px; + border-radius: 4px; + cursor: pointer; + position: absolute; + bottom: 23%; + right: 11px; + text-align: center; } .search-button:hover { - background: #318dcc; + background: #318dcc; } .search-content { - position: relative; - margin-bottom: 0px; - background: #f1f1f1; - padding: 12px; + position: relative; + margin-bottom: 0px; + background: #f1f1f1; + padding: 12px; } .usersList ul { - max-height: 353px; - overflow: auto; - overflow-x: hidden; + max-height: 353px; + overflow: auto; + overflow-x: hidden; } .usersList p.userMessage { - text-align: center; - margin-top: 1em; - font-style: italic; - font-size: 1.1em; + text-align: center; + margin-top: 1em; + font-style: italic; + font-size: 1.1em; } .usersList span.link { - text-decoration: underline; - cursor: pointer; + text-decoration: underline; + cursor: pointer; } /************* 2. HEADER ***************/ body { - font-family: 'Segoe UI', Helvetica, Verdana; - color: #5f5e5e; + font-family: 'Segoe UI', Helvetica, Verdana; + color: #5f5e5e; } header { - font-family: 'Open Sans', sans-serif; + font-family: 'Open Sans', sans-serif; } .popup_container { - width: 100%; - text-align: left; + width: 100%; + text-align: left; } .popup_container .header { - text-align: center; - margin: 0px; + text-align: center; + margin: 0px; } .popup_container .content { - width: 90%; - padding-top: 0; - margin: 0 auto; + width: 90%; + padding-top: 0; + margin: 0 auto; } .popup_container h1 { - text-align: left; + text-align: left; } #userInfo { - color: #fff; - text-align: left; - position: absolute; - right: 0.5em; - top: 0; - background: #57A7B5; - border-bottom: 6px solid #4C8D99; - height: 100%; - font-size: 0.9em; - padding: 6px 30px 17px 20px; - box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1); + color: #fff; + text-align: left; + position: absolute; + right: 0.5em; + top: 0; + background: #57A7B5; + border-bottom: 6px solid #4C8D99; + height: 100%; + font-size: 0.9em; + padding: 6px 30px 17px 20px; + box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1); } a#userLogOut { - color: #FFF; - text-decoration: none; - background: #444; - padding: 1px 8px; - font-size: 0.70em; - font-weight: lighter; - position: absolute; - right: 1em; - top: 0.6em; - border-radius: 5px; + color: #FFF; + text-decoration: none; + background: #444; + padding: 1px 8px; + font-size: 0.70em; + font-weight: lighter; + position: absolute; + right: 1em; + top: 0.6em; + border-radius: 5px; } #userInfo:hover #userInfo-drop { - opacity: 1; - display: block; + opacity: 1; + display: block; } #userInfo-drop { - padding: 10px !important; - position: absolute; - top: 64px; - left: 0; - border-radius: 8px; - text-align: left; - transition: opacity 0.5s linear; - background: #595959; - z-index: 1; - width: 90%; - display: none; + padding: 10px !important; + position: absolute; + top: 64px; + left: 0; + border-radius: 8px; + text-align: left; + transition: opacity 0.5s linear; + background: #595959; + z-index: 1; + width: 90%; + display: none; } #userInfo-drop:after { - position: absolute; - left: 20px; - top: -9px; - content: ''; - width: 0; - margin-right: 80%; - height: 0px; - border-style: solid; - border-width: 0 8px 9px 8px; - border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #595959 rgba(0, 0, 0, 0); + position: absolute; + left: 20px; + top: -9px; + content: ''; + width: 0; + margin-right: 80%; + height: 0px; + border-style: solid; + border-width: 0 8px 9px 8px; + border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #595959 rgba(0, 0, 0, 0); } #userInfo-drop li { - display: list-item !important; - width: 100%; - padding: 6px 5px 6px 0px !important; - border-bottom: 1px solid #6E6B6B; - line-height: 0.9em; + display: list-item !important; + width: 100%; + padding: 6px 5px 6px 0px !important; + border-bottom: 1px solid #6E6B6B; + line-height: 0.9em; } #userInfo .name { - font-size: 0.8em; - margin-right: 55px; - margin-bottom: 0; + font-size: 0.8em; + margin-right: 55px; + margin-bottom: 0; } #userInfo .roles { - font-size: 0.7em; - padding-top: 0px; - min-width: 153px; - color: #c1e2e8; - font-weight: lighter; + font-size: 0.7em; + padding-top: 0px; + min-width: 153px; + color: #c1e2e8; + font-weight: lighter; } #userInfo .roles span { - background-color: #fff; - color: #444; - padding: 0 5px; - border-radius: 3px; + background-color: #fff; + color: #444; + padding: 0 5px; + border-radius: 3px; } #userInfo .institution { - font-size: 0.7em; - padding-top: 0px; - min-width: 153px; - color: #E7E7E7; - font-weight: lighter; - /* line-height: 1em; */ - margin-bottom: 0; + font-size: 0.7em; + padding-top: 0px; + min-width: 153px; + color: #E7E7E7; + font-weight: lighter; + /* line-height: 1em; */ + margin-bottom: 0; } #userInfo .logout { - background-color: #4B4B4B; - margin-left: 4px; - padding: 0px 7px; - border-radius: 4px; - border-bottom: 2px solid #2E2E2E; + background-color: #4B4B4B; + margin-left: 4px; + padding: 0px 7px; + border-radius: 4px; + border-bottom: 2px solid #2E2E2E; } #userInfo .program { - font-size: 0.8em; - float: left ; + font-size: 0.8em; + float: left; } #userInfo .logout a { - color: white; - text-decoration: none; + color: white; + text-decoration: none; } #marlo-logo { - padding: 10px 0px; - font-weight: lighter; - float: left; - width: 66%; + padding: 10px 0px; + font-weight: lighter; + float: left; + width: 66%; } #marlo-logo #title { - font-size: 3.9em; - color: #7d7d7d; - float: left; + font-size: 3.9em; + color: #7d7d7d; + float: left; } #marlo-logo #subTitle { - font-size: 1.5em; - float: left; - color: #b9b6b6; - width: 52%; - margin-left: 10px; - padding: 13px 0; - line-height: 25px; + font-size: 1.5em; + float: left; + color: #b9b6b6; + width: 52%; + margin-left: 10px; + padding: 13px 0; + line-height: 25px; } #marlo-logo p#testingMessage { - color: #FF7474; - font-weight: bold; - font-size: 0.7em; + color: #FF7474; + font-weight: bold; + font-size: 0.7em; } #marlo-logo p#infoMessage { - color: #EF8080; - font-weight: bold; - font-size: 0.7em; + color: #EF8080; + font-weight: bold; + font-size: 0.7em; } #crp-image { - height: 97px; - position: absolute; - right: 0em; - top: 0.2em; + height: 97px; + position: absolute; + right: 0em; + top: 0.2em; } /************* 3. MAIN MENU ***************/ #mainMenu { - height: 65px; - z-index: 5000; + height: 65px; + z-index: 5000; } #mainMenu .menuContent { - width: 100%; - background-image: url("../../global/images/header-menu-bar.png"); - font-size: 1.2em; - font-family: 'Open Sans', sans-serif; + width: 100%; + background-image: url("../../global/images/header-menu-bar.png"); + font-size: 1.2em; + font-family: 'Open Sans', sans-serif; } #mainMenu .container { - position: relative; + position: relative; } #mainMenu .menuContent.positionFixedTop { - z-index: 1001; - position: fixed; - top: 0; - height: 36px; - font-size: 1.1em; - box-shadow: 0px 2px 2px rgba(0,0,0,0.2); + z-index: 1001; + position: fixed; + top: 0; + height: 36px; + font-size: 1.1em; + box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); } #mainMenu .menuContent.positionFixedTop #userInfo { - padding: 7px 22px 0px 20px; - border: 0; + padding: 7px 22px 0px 20px; + border: 0; } #mainMenu .menuContent.positionFixedTop #userInfo .institution { - display: none; + display: none; } #mainMenu .menuContent.positionFixedTop #userInfo .roles { - display: none; + display: none; } #mainMenu .menuContent.positionFixedTop ul { - list-style-type: none; - /* padding: 8px 0px; */ + list-style-type: none; + /* padding: 8px 0px; */ } #mainMenu .menuContent.positionFixedTop ul li { - padding: 7px 0 6px 0; + padding: 7px 0 6px 0; } #mainMenu .menuContent.positionFixedTop ul li ul.subMenu { - top: 36px !important; + top: 36px !important; } #mainMenu .menuContent ul { - list-style-type: none; - padding: 0px 0px; - margin: 0; + list-style-type: none; + padding: 0px 0px; + margin: 0; } #mainMenu .menuContent ul a { - text-decoration: none; - padding: 0px 13px; - color: #fff; + text-decoration: none; + padding: 0px 13px; + color: #fff; } #mainMenu .menuContent ul a p { - font-size: 0.7em; - position: absolute; + font-size: 0.7em; + position: absolute; } #mainMenu .menuContent ul li { - padding: 20px 0px 20px 0px; - color: #FFFFFF; - position: relative; - display: inline-block; - font-size: 0.93em; + padding: 20px 0px 20px 0px; + color: #FFFFFF; + position: relative; + display: inline-block; + font-size: 0.93em; } #mainMenu .menuContent ul li:hover { - background: rgba(0, 0, 0, 0.05); + background: rgba(0, 0, 0, 0.05); } #mainMenu .menuContent ul li.currentSection { - /* background-image: url("../../global/images/mainMenuMarker.png"); */ - font-weight: bold; - color: #fff; - background: rgba(0, 0, 0, 0.1); - box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); + /* background-image: url("../../global/images/mainMenuMarker.png"); */ + font-weight: bold; + color: #fff; + background: rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); } #mainMenu .menuContent ul li ul.subMenu { - display: none; + display: none; } #mainMenu .menuContent ul li ul.subMenu:hover { - display: block; + display: block; } #mainMenu .menuContent ul li ul.subMenu li { - display: block; - padding: 6px 5px; - margin: 0 2px; - font-weight: normal; - font-size: 0.76em; - border-top: 1px solid #1b6d8c; + display: block; + padding: 6px 5px; + margin: 0 2px; + font-weight: normal; + font-size: 0.76em; + border-top: 1px solid #1b6d8c; } #mainMenu .menuContent ul li ul.subMenu li a { - padding: 0 5px; + padding: 0 5px; } #mainMenu .menuContent ul.hidden-md li:hover ul.subMenuItems { - position: initial; - box-shadow: none; - margin-top: 5px; - width: 100%; + position: initial; + box-shadow: none; + margin-top: 5px; + width: 100%; } #mainMenu .menuContent ul.hidden-md li ul.subMenuItems li { - padding: 6px 0px; - border-left: solid 1px #1b6d8c; + padding: 6px 0px; + border-left: solid 1px #1b6d8c; } #mainMenu .menuContent ul li:hover ul.subMenu { - z-index: 10; - display: block; - width: 200px; - background: #23718F; - position: absolute; - top: 57px; - left: 0; - padding: 6px 0px; - box-shadow: 1px 1px 4px rgba(0,0,0,0.2); - opacity: 0.98; - border-radius: 0px 0px 3px 3px; + z-index: 10; + display: block; + width: 200px; + background: #23718F; + position: absolute; + top: 57px; + left: 0; + padding: 6px 0px; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); + opacity: 0.98; + border-radius: 0px 0px 3px 3px; } #mainMenu .menuContent ul li a.disabled { - color: #5FAAC7; + color: #5FAAC7; } @@ -1699,10 +1742,11 @@ a#userLogOut { @media screen and (max-width: 1335px) { - #mainMenu .menuContent .visible-ul { - margin-left: -50px; - } + #mainMenu .menuContent .visible-ul { + margin-left: -50px; + } } + /*************** BREADCRUMB NAVIGATION ***********/ /* #breadcrumb { @@ -1796,3124 +1840,3169 @@ a#userLogOut { } */ #breadcrumb { - background-color: #f1f1f1; - padding-bottom: 3px; - list-style: none; - display: inline-block; - margin: 1em 0 0.3em 0; - /* border-bottom: 1px solid #ccc; */ - font-size: 1.05em; + background-color: #f1f1f1; + padding-bottom: 3px; + list-style: none; + display: inline-block; + margin: 1em 0 0.3em 0; + /* border-bottom: 1px solid #ccc; */ + font-size: 1.05em; } #breadcrumb .icon { - font-size: 14px; + font-size: 14px; } #breadcrumb li { - float: left; + float: left; } #breadcrumb li a { - color: #828282; - /* display: block; */ - /* background: #F1F1F1; */ - /* text-decoration: none; */ - position: relative; - height: 30px; - line-height: 29px; - padding: 0 4px 0 11px; - text-align: center; - margin-right: 8px; + color: #828282; + /* display: block; */ + /* background: #F1F1F1; */ + /* text-decoration: none; */ + position: relative; + height: 30px; + line-height: 29px; + padding: 0 4px 0 11px; + text-align: center; + margin-right: 8px; } #breadcrumb li:nth-child(even) a:before { - border-color: #E9E9E9; - border-left-color: transparent; + border-color: #E9E9E9; + border-left-color: transparent; } #breadcrumb li:nth-child(even) a:after { - border-left-color: #E9E9E9; + border-left-color: #E9E9E9; } #breadcrumb li:first-child a { - padding-left: 15px; - -moz-border-radius: 4px 0 0 4px; - -webkit-border-radius: 4px; - border-radius: 4px 0 0 4px; + padding-left: 15px; + -moz-border-radius: 4px 0 0 4px; + -webkit-border-radius: 4px; + border-radius: 4px 0 0 4px; } #breadcrumb li:first-child a:before { - border: none; + border: none; } #breadcrumb li:last-child a { - padding-right: 15px; - -moz-border-radius: 0 4px 4px 0; - -webkit-border-radius: 0; - border-radius: 0 4px 4px 0; + padding-right: 15px; + -moz-border-radius: 0 4px 4px 0; + -webkit-border-radius: 0; + border-radius: 0 4px 4px 0; } #breadcrumb li:last-child a:after { - border: none; + border: none; } -#breadcrumb li a:before, #breadcrumb li a:after { - content: ""; - position: absolute; - top: 0; - /* border: 0 solid #F1F1F1; */ - border-width: 15px 10px; - width: 0; - height: 0; +#breadcrumb li a:before, +#breadcrumb li a:after { + content: ""; + position: absolute; + top: 0; + /* border: 0 solid #F1F1F1; */ + border-width: 15px 10px; + width: 0; + height: 0; } #breadcrumb li a:before { - left: -20px; - border-left-color: transparent; + left: -20px; + border-left-color: transparent; } #breadcrumb li a:after { - left: 100%; - border-color: transparent; - border-left-color: #F1F1F1; + left: 100%; + border-color: transparent; + border-left-color: #F1F1F1; } #breadcrumb li a:hover { - color: #444; + color: #444; } #breadcrumb li a:active { - background-color: #E9E9E9; + background-color: #E9E9E9; } #breadcrumb li a:active:before { - border-color: #E9E9E9; - border-left-color: transparent; + border-color: #E9E9E9; + border-left-color: transparent; } #breadcrumb li a:active:after { - border-left-color: #E9E9E9; + border-left-color: #E9E9E9; } /*************** SECONDARY MENU ***********/ #secondaryMenu { - background-color: #FFFFFF; - float: left; - padding: 0px; - width: 100%; - margin-top: 20px; - font-family: 'Open Sans', sans-serif; - z-index: 999; + background-color: #FFFFFF; + float: left; + padding: 0px; + width: 100%; + margin-top: 20px; + font-family: 'Open Sans', sans-serif; + z-index: 999; } #secondaryMenu h3 { - font-size: 1.6em; - font-weight: lighter; - color: #494949; - /* margin: 24px 0 9px 0; */ - padding-left: 0px; + font-size: 1.6em; + font-weight: lighter; + color: #494949; + /* margin: 24px 0 9px 0; */ + padding-left: 0px; } -#secondaryMenu > ul { - list-style-type: none; - margin-left: 0; - /* border: 1px solid #dbdbdb; */ - border-radius: 5px 5px 5px 5px; - background: #f5f5f5; - /* box-shadow: 0px 0px 7px rgba(0,0,0,0.1); */ - padding: 8px 0; +#secondaryMenu>ul { + list-style-type: none; + margin-left: 0; + /* border: 1px solid #dbdbdb; */ + border-radius: 5px 5px 5px 5px; + background: #f5f5f5; + /* box-shadow: 0px 0px 7px rgba(0,0,0,0.1); */ + padding: 8px 0; } #secondaryMenuBar { - background: #FFFFFF; - height: 0px; - border-radius: 3px 5px 0px 0px; - border-bottom: 4px solid #FFFFFF; - position: relative; - top: 0px; + background: #FFFFFF; + height: 0px; + border-radius: 3px 5px 0px 0px; + border-bottom: 4px solid #FFFFFF; + position: relative; + top: 0px; } -a.currentReportingSection li, a.currentSection li { - margin-left: 12px; - margin-top: -5px; - color: #fff; - font-weight: bold; +a.currentReportingSection li, +a.currentSection li { + margin-left: 12px; + margin-top: -5px; + color: #fff; + font-weight: bold; } #secondaryMenu ul p { - display: list-item; - /* height: 26px; */ - margin-left: 0px; - padding-bottom: 5px; - padding-left: 10px; - padding-top: 4px; - color: #535353; - text-decoration: none; + display: list-item; + /* height: 26px; */ + margin-left: 0px; + padding-bottom: 5px; + padding-left: 10px; + padding-top: 4px; + color: #535353; + text-decoration: none; } #secondaryMenu ul p.menuTitle { - list-style: none; - margin: 0; - padding: 2px 0; - font-weight: lighter; - color: #ffffff; - background: #0b7ba6; - text-align: center; - border-radius: 2px; + list-style: none; + margin: 0; + padding: 2px 0; + font-weight: lighter; + color: #ffffff; + background: #0b7ba6; + text-align: center; + border-radius: 2px; } #secondaryMenu ul p.subText { - font-size: 0.8em; - margin: 0; - padding: 0; - color: #949292; + font-size: 0.8em; + margin: 0; + padding: 0; + color: #949292; } -#secondaryMenu > ul > li { - /* background-image: url("../../global/images/reportingMenuMarker.png"); */ - background-repeat: no-repeat; - background-position-y: -2px; - /* margin-left: -13px; */ - /* padding: 0px 0px 0px 13px; */ +#secondaryMenu>ul>li { + /* background-image: url("../../global/images/reportingMenuMarker.png"); */ + background-repeat: no-repeat; + background-position-y: -2px; + /* margin-left: -13px; */ + /* padding: 0px 0px 0px 13px; */ } -#menu-contributionsCrpList, #menu-contributionsLP6 { - font-size: 0.88em !important; +#menu-contributionsCrpList, +#menu-contributionsLP6 { + font-size: 0.88em !important; } #menu-contributionsCrpList.currentSection a { - font-size: 0.95em !important; + font-size: 0.95em !important; } -#secondaryMenu ul li > ul li.draft { - font-style: italic; +#secondaryMenu ul li>ul li.draft { + font-style: italic; } -#secondaryMenu ul li ul > li.currentSection { - font-weight: bold; +#secondaryMenu ul li ul>li.currentSection { + font-weight: bold; } -#secondaryMenu ul li ul > li.currentSection.hasBackground { - background: antiquewhite; +#secondaryMenu ul li ul>li.currentSection.hasBackground { + background: antiquewhite; } -#secondaryMenu ul li ul > li.hasBackground { - background: rgb(254, 247, 207); +#secondaryMenu ul li ul>li.hasBackground { + background: rgb(254, 247, 207); } -#secondaryMenu ul li ul > li.hasBackground:hover { - background: antiquewhite; +#secondaryMenu ul li ul>li.hasBackground:hover { + background: antiquewhite; } -#secondaryMenu ul li > ul li { - margin: 2px 0 3px 0; - list-style: none; - font-size: 0.9em; - border: 1px solid #e8e7e7; - box-shadow: 0px 0px 5px rgba(0,0,0,0.1); - background: #fff; +#secondaryMenu ul li>ul li { + margin: 2px 0 3px 0; + list-style: none; + font-size: 0.9em; + border: 1px solid #e8e7e7; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); + background: #fff; } -#secondaryMenu ul li > ul li.disabled { - opacity: 0.4; +#secondaryMenu ul li>ul li.disabled { + opacity: 0.4; } -#secondaryMenu ul li > ul li.submitted > a { - background-image: url("../../global/images/submitted.png?20190411"); - background-repeat: no-repeat; - /* background-size: 15px; */ - background-position: 97% 6px; +#secondaryMenu ul li>ul li.submitted>a { + background-image: url("../../global/images/submitted.png?20190411"); + background-repeat: no-repeat; + /* background-size: 15px; */ + background-position: 97% 6px; } -#secondaryMenu ul li > ul li.toSubmit > a { - background-image: url("../../global/images/submitted.png?20190411"); - background-repeat: no-repeat; - background-position: 97% -49px; +#secondaryMenu ul li>ul li.toSubmit>a { + background-image: url("../../global/images/submitted.png?20190411"); + background-repeat: no-repeat; + background-position: 97% -49px; } #secondaryMenu ul li ul li.loadingSection a { - background-image: url("../../global/images/loading_3.gif"); - background-repeat: no-repeat; - background-position: 97% 6px; + background-image: url("../../global/images/loading_3.gif"); + background-repeat: no-repeat; + background-position: 97% 6px; } .blockLoading { - background-image: url("../../global/images/loading_3.gif"); - background-repeat: no-repeat; - background-position: 97% 6px; + background-image: url("../../global/images/loading_3.gif"); + background-repeat: no-repeat; + background-position: 97% 6px; } -#secondaryMenu ul li > ul li a { - display: block; - text-decoration: none; - color: #5E5E5E; - padding: 5px 19px 5px 10px !important; - /* border-left: 5px solid; */ +#secondaryMenu ul li>ul li a { + display: block; + text-decoration: none; + color: #5E5E5E; + padding: 5px 19px 5px 10px !important; + /* border-left: 5px solid; */ } -#secondaryMenu ul li > ul li ul li a { - padding: 6px 20px 6px 10px !important; +#secondaryMenu ul li>ul li ul li a { + padding: 6px 20px 6px 10px !important; } -#secondaryMenu ul li > ul li:hover { - background-color: #F7F7F7; +#secondaryMenu ul li>ul li:hover { + background-color: #F7F7F7; } -#secondaryMenu ul li > ul li:hover a { - color: #000; +#secondaryMenu ul li>ul li:hover a { + color: #000; } -#secondaryMenu ul li > ul { - /* display:none; */ - /* margin-top: 5px; */ - padding: 0; - color: #5a5a5a; - padding: 5px 9px; +#secondaryMenu ul li>ul { + /* display:none; */ + /* margin-top: 5px; */ + padding: 0; + color: #5a5a5a; + padding: 5px 9px; } #secondaryMenu a.goBack { - background: url("../../global/images/sub-menu-goback.png") 0.2em no-repeat; - background-size: 46%; - width: 80%; - text-align: left; - padding: 9px 0 9px 29px; - text-decoration: none; - color: #444; - display: block; - border-radius: 5px 5px 0 0; - /* font-size: 0.9em; */ -} - -#secondaryMenu > ul > li > hr { - border: none; - margin: 0; - /* border-top: 1px solid #DBDBDB; */ + background: url("../../global/images/sub-menu-goback.png") 0.2em no-repeat; + background-size: 46%; + width: 80%; + text-align: left; + padding: 9px 0 9px 29px; + text-decoration: none; + color: #444; + display: block; + border-radius: 5px 5px 0 0; + /* font-size: 0.9em; */ +} + +#secondaryMenu>ul>li>hr { + border: none; + margin: 0; + /* border-top: 1px solid #DBDBDB; */ } -#secondaryMenu > ul > li.currentSection > hr { - width: 183px; - margin: 1px 0 0px 0px; +#secondaryMenu>ul>li.currentSection>hr { + width: 183px; + margin: 1px 0 0px 0px; } -#secondaryMenu > ul > li.currentSection { - /* background-image: url("../../global/images/reportingMenuMarker.png"); */ - background-repeat: no-repeat; - background-position-y: -2px; - margin-left: -13px; - width: 199px; - padding: 0px 0px 0px 13px; +#secondaryMenu>ul>li.currentSection { + /* background-image: url("../../global/images/reportingMenuMarker.png"); */ + background-repeat: no-repeat; + background-position-y: -2px; + margin-left: -13px; + width: 199px; + padding: 0px 0px 0px 13px; } -#secondaryMenu > ul > li.currentSection ul { - display: block; +#secondaryMenu>ul>li.currentSection ul { + display: block; } -#secondaryMenu > p { - color: #1da5ce; - text-align: center; - font-size: 1.3em; - line-height: 0.9em; - margin-bottom: 4px; +#secondaryMenu>p { + color: #1da5ce; + text-align: center; + font-size: 1.3em; + line-height: 0.9em; + margin-bottom: 4px; } -#secondaryMenu > p small { - font-size: 0.6em; - color: #7fcce3; +#secondaryMenu>p small { + font-size: 0.6em; + color: #7fcce3; } -#secondaryMenu.BILATERAL > ul > li > p { - background-color: #4FA3AD; +#secondaryMenu.BILATERAL>ul>li>p { + background-color: #4FA3AD; } #arrowDown { - float: left; - margin-left: -40px; - margin-top: 40px; + float: left; + margin-left: -40px; + margin-top: 40px; } #secondaryMenu ul li ul li ul li { - margin: 0; - border: none; - box-shadow: 0px 0px 0px rgba(0,0,0,0.1); - font-weight: normal; + margin: 0; + border: none; + box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1); + font-weight: normal; } -#secondaryMenu ul li ul li ul { - margin: 2px 0px 0px 0px; - padding: 2px 0px 0 2px; +#secondaryMenu ul li ul li ul { + margin: 2px 0px 0px 0px; + padding: 2px 0px 0 2px; } /*************** REPORTING STEP MENU ****************/ #stageMenu { - display: block; + display: block; } #stageMenu a li { - display: inline; + display: inline; } /*************** BODY ****************/ .content { - margin: 0px 0px 45px 0; + margin: 0px 0px 45px 0; } -.content:before,.content:after { - content: ""; - display: table; +.content:before, +.content:after { + content: ""; + display: table; } .content:after { - clear: both; + clear: both; } .content { - *zoom: 1; } + *zoom: 1; +} .fullContent { - padding: 10px; + padding: 10px; } .halfContent { - float: right; - padding: 0px 0; - width: 78%; - vertical-align: top; - position: relative; - margin-top: 45px; + float: right; + padding: 0px 0; + width: 78%; + vertical-align: top; + position: relative; + margin-top: 45px; } .content h1 { - border-bottom: 1px solid #630; - color: #663300; - font-size: 1.7em; - font-weight: lighter; - margin: 14px 0 0px 0; - padding-bottom: 3px; + border-bottom: 1px solid #630; + color: #663300; + font-size: 1.7em; + font-weight: lighter; + margin: 14px 0 0px 0; + padding-bottom: 3px; } h1.sectionTitle { - border: 0; - /* color: #515151; */ - border-bottom: 1px solid #818181; - font-size: 2em; - font-weight: lighter; - margin: 14px 0 16px 0; + border: 0; + /* color: #515151; */ + border-bottom: 1px solid #818181; + font-size: 2em; + font-weight: lighter; + margin: 14px 0 16px 0; } .labelheader { - padding: 2px 0 5px 0; - margin-bottom: 4px; - border-bottom: 1px solid #DBDBDB; + padding: 2px 0 5px 0; + margin-bottom: 4px; + border-bottom: 1px solid #DBDBDB; } h1#error { - font-family: 'Open Sans', sans-serif; - font-size: 6em; - color: #C0C0C0; - border: 0; - margin: 0; + font-family: 'Open Sans', sans-serif; + font-size: 6em; + color: #C0C0C0; + border: 0; + margin: 0; } p.errorText { - color: #444; - margin-bottom: 25px; + color: #444; + margin-bottom: 25px; } p.errorText.primary { - font-size: 1.5em; + font-size: 1.5em; } p.errorText.secondary { - font-weight: lighter; - margin-bottom: 30px; + font-weight: lighter; + margin-bottom: 30px; } a#backHome { - color: #fff; - background: #C1C1C1; - text-decoration: none; - padding: 5px 33px; - font-weight: bold; - border-radius: 20px; - margin: 44px; + color: #fff; + background: #C1C1C1; + text-decoration: none; + padding: 5px 33px; + font-weight: bold; + border-radius: 20px; + margin: 44px; } .content h3 { - color: #663300; - font-weight: normal; - font-size: 15px; + color: #663300; + font-weight: normal; + font-size: 15px; } -.halfContent h1, .fullContent h1 { - border-bottom: 1px solid #884809; - color: #663300; - font-size: 1.7em; - padding-bottom: 3px; - margin: 5px 0px 10px 0; - font-weight: lighter; - font-family: 'Open Sans', sans-serif; +.halfContent h1, +.fullContent h1 { + border-bottom: 1px solid #884809; + color: #663300; + font-size: 1.7em; + padding-bottom: 3px; + margin: 5px 0px 10px 0; + font-weight: lighter; + font-family: 'Open Sans', sans-serif; } h1.contentSubTitle { - color: #444; - border-bottom: 0; - font-size: 1.4em; - margin-top: 1em; - font-weight: bold; + color: #444; + border-bottom: 0; + font-size: 1.4em; + margin-top: 1em; + font-weight: bold; } h3.contentSubTitle { - margin: 0px 10px; - padding: 2px 0px; - font-weight: bold; - color: #939393; - border-bottom: 1px solid #939393; + margin: 0px 10px; + padding: 2px 0px; + font-weight: bold; + color: #939393; + border-bottom: 1px solid #939393; } .sectionTitle { - font-family: 'Open Sans', sans-serif; - border-bottom: 1px solid #884809; - color: #663300; - padding-bottom: 3px; - font-weight: lighter; - margin-top: 28px; + font-family: 'Open Sans', sans-serif; + border-bottom: 1px solid #884809; + color: #663300; + padding-bottom: 3px; + font-weight: lighter; + margin-top: 28px; } .headTitle { - font-family: 'Open Sans', sans-serif; - font-weight: lighter; + font-family: 'Open Sans', sans-serif; + font-weight: lighter; } .subHeadTitle { - font-family: 'Open Sans', sans-serif; - font-weight: lighter; - padding-bottom: 5px; - /* border-bottom: 1px solid #a09f9f; */ + font-family: 'Open Sans', sans-serif; + font-weight: lighter; + padding-bottom: 5px; + /* border-bottom: 1px solid #a09f9f; */ } .sectionSubTitle { - font-family: 'Open Sans', sans-serif; - border-bottom: 1px solid #95a5ce; - color: #95a5ce; - padding-bottom: 2px; - line-height: 20px; + font-family: 'Open Sans', sans-serif; + border-bottom: 1px solid #95a5ce; + color: #95a5ce; + padding-bottom: 2px; + line-height: 20px; } .text-gray { - /* border-bottom: 1px solid #95a5a6; */ - color: #95a5a6; + /* border-bottom: 1px solid #95a5a6; */ + color: #95a5a6; } .simpleTitle { - border: none; - font-weight: lighter; - margin-top: 5px; + border: none; + font-weight: lighter; + margin-top: 5px; } .simpleTitle span { - font-size: 0.8em; - color: #747474; + font-size: 0.8em; + color: #747474; } -.fullContent h6+*, .halfContent h6+* { - margin-left: 1px; - margin-right: 0px; - margin-top: 3px; +.fullContent h6+*, +.halfContent h6+* { + margin-left: 1px; + margin-right: 0px; + margin-top: 3px; } .fullBlock { - display: block; - margin: 4px 0 20px 0; - width: 100%; - position: relative; + display: block; + margin: 4px 0 20px 0; + width: 100%; + position: relative; } .fourthPartBlock { - padding: 5px; - width: 20%; - vertical-align: middle; + padding: 5px; + width: 20%; + vertical-align: middle; } .fourthPartBlock input { - width: 100%; + width: 100%; } .sixthPartBlock { - display: inline-block; - padding: 4px; - width: 15%; - vertical-align: middle; + display: inline-block; + padding: 4px; + width: 15%; + vertical-align: middle; } .sixthPartBlock input { - width: 100%; + width: 100%; } .thirdPartBlock { - display: inline-block; - /* padding: 5px 5px 0 0; */ - width: 33%; - vertical-align: top; + display: inline-block; + /* padding: 5px 5px 0 0; */ + width: 33%; + vertical-align: top; } .halfPartBlock { - display: inline-block; - /* padding: 0 8px 0px 0; */ - width: 49.5%; - vertical-align: top; - position: relative; + display: inline-block; + /* padding: 0 8px 0px 0; */ + width: 49.5%; + vertical-align: top; + position: relative; } .verticallyCheckBox { - /* padding: 5px 0; */ - margin-bottom: 10px; + /* padding: 5px 0; */ + margin-bottom: 10px; } .verticallyCheckBox input { - float: left; - width: 2%; - vertical-align: middle; + float: left; + width: 2%; + vertical-align: middle; } .verticallyCheckBox h6 { - width: 98%; - float: left; - font-weight: normal; + width: 98%; + float: left; + font-weight: normal; } -.verticallyCheckBox h6,.verticallyCheckBox input { - margin: 4px 0; +.verticallyCheckBox h6, +.verticallyCheckBox input { + margin: 4px 0; } .fullPartBlock { - padding: 0px 0px 15px 0; - width: 100%; - vertical-align: middle; - position: relative; + padding: 0px 0px 15px 0; + width: 100%; + vertical-align: middle; + position: relative; } .itemIndex { - font-size: 15px; - font-weight: normal; - color: #FFF; - text-align: center; - /* text-decoration: underline; */ - background: #8EA786; - padding: 5px 0; - margin: 0px 0 5px 0; - font-weight: 700; - border-radius: 8px 8px 0px 0px; + font-size: 15px; + font-weight: normal; + color: #FFF; + text-align: center; + /* text-decoration: underline; */ + background: #8EA786; + padding: 5px 0; + margin: 0px 0 5px 0; + font-weight: 700; + border-radius: 8px 8px 0px 0px; } .countriesBlock select { - height: 200px; - border: 1px solid #E5E5E5; + height: 200px; + border: 1px solid #E5E5E5; } .imageBlock .image { - border: 1px solid #E5E5E5; - background-color: #fafafa; - text-align: center; - padding: 2px; - width: 235px; + border: 1px solid #E5E5E5; + background-color: #fafafa; + text-align: center; + padding: 2px; + width: 235px; } .imageBlock .image img { - max-height: 160px; - width: auto; - max-width: 100%; + max-height: 160px; + width: auto; + max-width: 100%; } .imageBlock .browseInput { - margin-bottom: 10px; + margin-bottom: 10px; } .imageBlock .clear { - clear: both; + clear: both; } .buttons { - margin: 30px 0 0px 0; - /* height: 33px; */ + margin: 30px 0 0px 0; + /* height: 33px; */ } -.borderBox .buttons, .simpleBox .buttons { - float: none; - margin: 0; +.borderBox .buttons, +.simpleBox .buttons { + float: none; + margin: 0; } .buttons button[name=save]:hover { - background-color: #8BA383; + background-color: #8BA383; } .buttons button[name=next] { - background: #BDC3C7; - border-bottom: 3px solid #B0B0B0; - display: none; + background: #BDC3C7; + border-bottom: 3px solid #B0B0B0; + display: none; } .buttons button[name=next]:hover { - background-color: #BEBEBE; + background-color: #BEBEBE; } .buttons button[name=cancel] { - background: #E3685A; - border-bottom: 3px solid #DD5B4C; + background: #E3685A; + border-bottom: 3px solid #DD5B4C; } .buttons button[name=cancel]:hover { - background: #DB6052; + background: #DB6052; } .helpMessage { - background: #F8F8F8; - border-radius: 15px 0; - position: relative; - -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 2px 8px rgba(0,0,0,.3); - box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); - padding: 10px; - border: 1px solid #EEE; - margin: 10px auto; + background: #F8F8F8; + border-radius: 15px 0; + position: relative; + -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1); + padding: 10px; + border: 1px solid #EEE; + margin: 10px auto; } -.helpMessage:before,.helpMessage:after { - content: ""; - display: table; +.helpMessage:before, +.helpMessage:after { + content: ""; + display: table; } .helpMessage:after { - clear: both; + clear: both; } .infoText { - zoom: 1; background: #d9edf7; + zoom: 1; + background: #d9edf7; } .infoText2 { - zoom: 1; background: #fff7cf; + zoom: 1; + background: #fff7cf; } .helpMessage img { - float: left; - padding: 5px; - width: 35px; + float: left; + padding: 5px; + width: 35px; } .helpMessage p { - margin-top: 5px; - padding: 1px; - color: #636368; - margin-bottom: 5px; + margin-top: 5px; + padding: 1px; + color: #636368; + margin-bottom: 5px; } .helpMessage2 { - position: relative; - /* -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); */ - -moz-box-shadow: 1px 2px 8px rgba(0,0,0,.3); - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 5px; - border: 1.0px dashed #c0c0c0; - background: #FFFFFF; - margin: 5px 250px 5px 250px; - ; } - -.helpMessage2:before,.helpMessage:after { - content: ""; - display: table; + position: relative; + /* -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); */ + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + padding: 5px; + border: 1.0px dashed #c0c0c0; + background: #FFFFFF; + margin: 5px 250px 5px 250px; + ; +} + +.helpMessage2:before, +.helpMessage:after { + content: ""; + display: table; } .helpMessage2:after { - clear: both; + clear: both; } .helpMessage2 { - *zoom: 1; } + *zoom: 1; +} .helpMessage2 img { - float: left; - padding: 5px; - width: 27px; + float: left; + padding: 5px; + width: 27px; } .helpMessage2 p { - padding: 0px; - color: #636368; - margin-bottom: 5px; + padding: 0px; + color: #636368; + margin-bottom: 5px; } .helpMessage3 { - -moz-box-shadow: 1px 2px 8px rgba(0,0,0,.3); - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } -.helpMessage3:before,.helpMessage:after { - content: ""; - display: table; +.helpMessage3:before, +.helpMessage:after { + content: ""; + display: table; } .helpMessage3:after { - clear: both; + clear: both; } .helpMessage3 { - *zoom: 1; } + *zoom: 1; +} .helpMessage3 img { - float: left; - width: 18px; + float: left; + width: 18px; } -.helpMessage3 p , .helpMessage4 p{ - padding: 1px; - margin-bottom: 0px; +.helpMessage3 p, +.helpMessage4 p { + padding: 1px; + margin-bottom: 0px; } .readPrivileges { - text-align: center; - background-color: #FFF7CF; - padding: 5px 0px; - color: #5f5e5e; - margin: 23px 0; - border-radius: 4px; - -webkit-box-shadow: 2px 0px 7px rgb(0 0 0 / 9%); - border: 1px solid #EEE; - border-radius: 15px 0; - font-style: italic; + text-align: center; + background-color: #FFF7CF; + padding: 5px 0px; + color: #5f5e5e; + margin: 23px 0; + border-radius: 4px; + -webkit-box-shadow: 2px 0px 7px rgb(0 0 0 / 9%); + border: 1px solid #EEE; + border-radius: 15px 0; + font-style: italic; } p.projectSubmitted { - margin: 0px 0 10px 0; - color: #7FB06F; - text-align: center; - background-color: #E8F7E3; - border: 1px solid #E3F5DD; - padding: 12px 0px; - font-size: 1.3em; - border-radius: 5px; + margin: 0px 0 10px 0; + color: #7FB06F; + text-align: center; + background-color: #E8F7E3; + border: 1px solid #E3F5DD; + padding: 12px 0px; + font-size: 1.3em; + border-radius: 5px; } .button-blue { - padding: 3px 8px 3px 8px; - /* margin-top: 3px; */ - text-align: center; - background: #668fda; - border-bottom: 2px solid #5f81c1; - color: #fff !important; - border-radius: 3px; - cursor: pointer; - display: inline-block; + padding: 3px 8px 3px 8px; + /* margin-top: 3px; */ + text-align: center; + background: #668fda; + border-bottom: 2px solid #5f81c1; + color: #fff !important; + border-radius: 3px; + cursor: pointer; + display: inline-block; } -a.button-blue, a.button-blue:hover { - color: #fff !important; - text-decoration: none; +a.button-blue, +a.button-blue:hover { + color: #fff !important; + text-decoration: none; } .button-blue:hover { - background: #5980C7; + background: #5980C7; } .button-green { - padding: 5px 8px 5px 8px; - color: #8ea786; - cursor: pointer; - display: inline-block; + padding: 5px 8px 5px 8px; + color: #8ea786; + cursor: pointer; + display: inline-block; } .button-green:hover { - color: #6e8267; + color: #6e8267; } input.userName { - background-color: #f7f7f7 !important; - cursor: pointer; + background-color: #f7f7f7 !important; + cursor: pointer; } #loginFormContainer .alreadyLogged { - font-size: 20px; + font-size: 20px; } #loginFormContainer .alreadyLoggedEmail { - color: grey; - font-size: 15px; - font-weight: bold; + color: grey; + font-size: 15px; + font-weight: bold; } #reportComponent { - margin: 5px; + margin: 5px; } #reportComponent thead { - border-bottom: 2px solid; + border-bottom: 2px solid; } -#reportComponent td, #reportComponent th { - padding: 5px; - width: 160px; +#reportComponent td, +#reportComponent th { + padding: 5px; + width: 160px; } #reportComponent tbody tr { - border-bottom: 1px solid #9D9D9D; + border-bottom: 1px solid #9D9D9D; } .crpGroup ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .crpGroup li { - width: 48%; - margin: 1%; - float: left; - background: #fff; - list-style: none; - text-align: center; - border: 1px dashed #9e9e9e; - cursor: pointer; - transition: opacity 0.2s linear; - /* IE 8 */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; - /* IE 5-7 */ - filter: alpha(opacity=40); - /* Netscape */ - -moz-opacity: 0.4; - /* Safari 1.x */ - -khtml-opacity: 0.4; - /* Good browsers */ - opacity: 0.4; - border-radius: 2px; + width: 48%; + margin: 1%; + float: left; + background: #fff; + list-style: none; + text-align: center; + border: 1px dashed #9e9e9e; + cursor: pointer; + transition: opacity 0.2s linear; + /* IE 8 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + /* IE 5-7 */ + filter: alpha(opacity=40); + /* Netscape */ + -moz-opacity: 0.4; + /* Safari 1.x */ + -khtml-opacity: 0.4; + /* Good browsers */ + opacity: 0.4; + border-radius: 2px; } .crpGroup li.disabled { - opacity: 0.3 !important; - cursor: not-allowed; - filter: grayscale(100%); + opacity: 0.3 !important; + cursor: not-allowed; + filter: grayscale(100%); } -.crpGroup li:hover, .crpGroup li.selected { - border: 1px solid #d4d4d4; - /* IE 8 */ - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - /* IE 5-7 */ - filter: alpha(opacity=100); - /* Netscape */ - -moz-opacity: 1; - /* Safari 1.x */ - -khtml-opacity: 1; - /* Good browsers */ - opacity: 1; +.crpGroup li:hover, +.crpGroup li.selected { + border: 1px solid #d4d4d4; + /* IE 8 */ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + /* IE 5-7 */ + filter: alpha(opacity=100); + /* Netscape */ + -moz-opacity: 1; + /* Safari 1.x */ + -khtml-opacity: 1; + /* Good browsers */ + opacity: 1; } .crpGroup li.selected { - border-color: #8dd490; + border-color: #8dd490; } .crpGroup li img { - width: 100%; - height: 100%; + width: 100%; + height: 100%; } /***************** OVERVIEW *******************/ #overviewHome { - min-height: 545px; + min-height: 545px; } /*************** HOME DASHBOARD****************/ /* Home page*/ #leftSide { - float: left; - padding: 3px 12px 0px 0px; - width: 42%; - vertical-align: top; + float: left; + padding: 3px 12px 0px 0px; + width: 42%; + vertical-align: top; } #decisionTree { - font-family: 'Open Sans'; - margin-top: 0; + font-family: 'Open Sans'; + margin-top: 0; } #decisionTree .title { - color: #444; - border: none; - font-size: 1.8em; - margin-bottom: 18px; + color: #444; + border: none; + font-size: 1.8em; + margin-bottom: 18px; } #decisionTree .option { - width: 33%; - float: left; - text-align: center; - background-position: 50% 0; - background-repeat: no-repeat; - height: 130px; - position: relative; - margin-bottom: 20px; + width: 33%; + float: left; + text-align: center; + background-position: 50% 0; + background-repeat: no-repeat; + height: 130px; + position: relative; + margin-bottom: 20px; } #decisionTree .option p { - color: #fff; - font-size: 1.3em; - text-align: center; - width: 41%; - position: absolute; - top: 33%; - left: 29%; + color: #fff; + font-size: 1.3em; + text-align: center; + width: 41%; + position: absolute; + top: 33%; + left: 29%; } -#newProject, #newImpactPathway { - /* cursor: pointer; */ - background-image: url(../../global/images/decision-tree-1.png); +#newProject, +#newImpactPathway { + /* cursor: pointer; */ + background-image: url(../../global/images/decision-tree-1.png); } -#updatePlanning, #startMonitoring { - background-image: url(../../global/images/decision-tree-2.png); +#updatePlanning, +#startMonitoring { + background-image: url(../../global/images/decision-tree-2.png); } -#reportProject, #finalDes { - background-image: url(../../global/images/decision-tree-3.png); +#reportProject, +#finalDes { + background-image: url(../../global/images/decision-tree-3.png); } #decisionTree .addProjectButtons { - width: 34%; - padding: 0px 36px; - margin-bottom: 20px; + width: 34%; + padding: 0px 36px; + margin-bottom: 20px; } #decisionTree .addProjectButtons .title { - font-size: 0.9em; - text-align: center; - margin-bottom: 8px; + font-size: 0.9em; + text-align: center; + margin-bottom: 8px; } #decisionTree .addProjectButtons .addProject { - width: 45%; - float: left; - text-align: center; - background-color: #56C4CF; - border-bottom: 3px solid #55BCBC; - color: #fff; - padding: 6px 2px 0px 2px; - margin: 0 3px; - height: 36px; - line-height: 13px; - font-size: 0.95em; + width: 45%; + float: left; + text-align: center; + background-color: #56C4CF; + border-bottom: 3px solid #55BCBC; + color: #fff; + padding: 6px 2px 0px 2px; + margin: 0 3px; + height: 36px; + line-height: 13px; + font-size: 0.95em; } #decisionTree .addProjectButtons .addProject:hover { - background-color: #55BCBC; + background-color: #55BCBC; } #dashboard { - margin-bottom: 15px; + margin-bottom: 15px; } .emptyMessage { - padding: 5px; - font-size: 1em; - font-style: italic; - color: #949494; + padding: 5px; + font-size: 1em; + font-style: italic; + color: #949494; } #dashboard #deadline { - margin-top : 0; - /* display: none; */ - padding: 3px 19px; + margin-top: 0; + /* display: none; */ + padding: 3px 19px; } #deadline ul.subMenu { - list-style-type: none; - margin: 0; + list-style-type: none; + margin: 0; } #deadline ul.subMenu li { - padding: 10px; - font-size: 1.1em; - background-color: #FFF; - border-bottom: 1px solid #DFDFDF; + padding: 10px; + font-size: 1.1em; + background-color: #FFF; + border-bottom: 1px solid #DFDFDF; } #deadline ul.subMenu li.last { - border-bottom: none; + border-bottom: none; } #deadline ul.subMenu li a { - text-decoration: none; + text-decoration: none; } #dashboard #rightSide { - float: right; - padding: 0px 0; - width: 56%; - vertical-align: top; + float: right; + padding: 0px 0; + width: 56%; + vertical-align: top; } #dashboard #pandrDescription { - text-align: justify; - margin-bottom: 10px; - padding-left: 10px; - border-left: dashed 1px #B4B7C2; + text-align: justify; + margin-bottom: 10px; + padding-left: 10px; + border-left: dashed 1px #B4B7C2; } #dashboard #pandrDescription p { - color: #636363; + color: #636363; } /* Dasboard timeline */ #timelineBlock .timeline { - list-style-type: none; - margin-left: 0; - width: 100%; + list-style-type: none; + margin-left: 0; + width: 100%; } #timelineBlock .li { - transition: all 200ms ease-in; - width: 16%; - float: left; + transition: all 200ms ease-in; + width: 16%; + float: left; } #timelineBlock .timestamp { - margin-bottom: 20px; - align-items: center; - font-weight: 100; - font-size: 1.2em; - text-align: center; + margin-bottom: 20px; + align-items: center; + font-weight: 100; + font-size: 1.2em; + text-align: center; } #timelineBlock .status { - padding: 0px 25px; - display: flex; - justify-content: center; - border-top: 2px solid #D6DCE0; - position: relative; - transition: all 200ms ease-in; + padding: 0px 25px; + display: flex; + justify-content: center; + border-top: 2px solid #D6DCE0; + position: relative; + transition: all 200ms ease-in; } #timelineBlock .status h4 { - font-weight: 600; - margin-top: 22px; - text-align: center; + font-weight: 600; + margin-top: 22px; + text-align: center; } #timelineBlock .status:before { - content: ""; - width: 25px; - height: 25px; - background-color: white; - border-radius: 25px; - border: 1px solid #ddd; - position: absolute; - top: -15px; - left: 42%; - transition: all 200ms ease-in; + content: ""; + width: 25px; + height: 25px; + background-color: white; + border-radius: 25px; + border: 1px solid #ddd; + position: absolute; + top: -15px; + left: 42%; + transition: all 200ms ease-in; } #timelineBlock .li.complete .status { - border-top: 2px solid #8EA786; + border-top: 2px solid #8EA786; } #timelineBlock .li.complete .status:before { - background-color: #8EA786; - border: none; - transition: all 200ms ease-in; + background-color: #8EA786; + border: none; + transition: all 200ms ease-in; } #timelineBlock .li.complete .status h4 { - color: #8EA786; + color: #8EA786; } @media (min-device-width: 320px) and (max-device-width: 700px) { - #timelineBlock .timeline { - list-style-type: none; - display: block; - } + #timelineBlock .timeline { + list-style-type: none; + display: block; + } - #timelineBlock .li { - transition: all 200ms ease-in; - display: flex; - width: inherit; - } + #timelineBlock .li { + transition: all 200ms ease-in; + display: flex; + width: inherit; + } - #timelineBlock .timestamp { - width: 100px; - } + #timelineBlock .timestamp { + width: 100px; + } - #timelineBlock .status:before { - left: -8%; - top: 30%; - transition: all 200ms ease-in; - } + #timelineBlock .status:before { + left: -8%; + top: 30%; + transition: all 200ms ease-in; + } } #timelineBlock { - height: 100%; - display: flex; - justify-content: center; - color: #758D96; - margin-top: 0; + height: 100%; + display: flex; + justify-content: center; + color: #758D96; + margin-top: 0; } #timelineBlock button { - position: absolute; - width: 100px; - min-width: 100px; - padding: 20px; - margin: 20px; - font-family: "Titillium Web", sans serif; - border: none; - color: white; - font-size: 16px; - text-align: center; + position: absolute; + width: 100px; + min-width: 100px; + padding: 20px; + margin: 20px; + font-family: "Titillium Web", sans serif; + border: none; + color: white; + font-size: 16px; + text-align: center; } #timelineBlock #toggleButton { - position: absolute; - left: 50px; - top: 20px; - background-color: #75C7F6; + position: absolute; + left: 50px; + top: 20px; + background-color: #75C7F6; } /* END Dasboard timeline*/ #imgPandR { - text-align: center; - padding: 10px 0px; + text-align: center; + padding: 10px 0px; } #imgModal { - box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.35); - margin-bottom: 17px; - margin-top: 17px; - margin-left: 10px; - text-align: center; - width: 90%; + box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.35); + margin-bottom: 17px; + margin-top: 17px; + margin-left: 10px; + text-align: center; + width: 90%; } #imgBigModal { - height: 650px; - width: 600px; - text-align: center; + height: 650px; + width: 600px; + text-align: center; } #showPandRWorkflowDialog { - width: 650px; + width: 650px; } .homeTitle2 { - display: flex; - justify-content: left; - font-size: 2em; - color: #333; - /* padding-bottom: 14px; + display: flex; + justify-content: left; + font-size: 2em; + color: #333; + /* padding-bottom: 14px; padding-top: 5px; padding-left: 30px; */ - padding: 5px 30px 14px 14px; + padding: 5px 30px 14px 14px; } .homeTitle { - font-size: 1.4em; - color: #333; - padding-bottom: 14px; - padding-top: 5px; + font-size: 1.4em; + color: #333; + padding-bottom: 14px; + padding-top: 5px; } .homeDescription { - margin-bottom: 14px; - font-style: italic; - color: black; + margin-bottom: 14px; + font-style: italic; + color: black; } .homeSubTitle { - font-size: 0.9em; - color: #333; - margin-bottom: 5px; - margin-top: 8px; + font-size: 0.9em; + color: #333; + margin-bottom: 5px; + margin-top: 8px; } .role-content { - padding: 0px 5px; - color: #636363; + padding: 0px 5px; + color: #636363; } #dashboard #deadline #deadlineGraph { - margin-bottom: 18px; - margin-top: 10px; - text-align: center; + margin-bottom: 18px; + margin-top: 10px; + text-align: center; } #dashboard #deadline .point { - margin: 0px 19px; + margin: 0px 19px; } #dashboard #deadline .active { - background: #8EA786; - border-radius: 4.8em; - -moz-border-radius: 4.8em; - -webkit-border-radius: 4.8em; - color: #ffffff; - display: inline-block; - font-weight: bold; - line-height: 4.6em; - text-align: center; - width: 4.6em; + background: #8EA786; + border-radius: 4.8em; + -moz-border-radius: 4.8em; + -webkit-border-radius: 4.8em; + color: #ffffff; + display: inline-block; + font-weight: bold; + line-height: 4.6em; + text-align: center; + width: 4.6em; } #dashboard #deadline .inactive { - background: #C5DAE2; - border-radius: 4.8em; - -moz-border-radius: 4.8em; - -webkit-border-radius: 4.8em; - color: #ffffff; - display: inline-block; - font-weight: bold; - line-height: 4.6em; - text-align: center; - width: 4.6em; + background: #C5DAE2; + border-radius: 4.8em; + -moz-border-radius: 4.8em; + -webkit-border-radius: 4.8em; + color: #ffffff; + display: inline-block; + font-weight: bold; + line-height: 4.6em; + text-align: center; + width: 4.6em; } #dashboard #deadline .textPoint { - display: inline-block; - text-align: center; - width: 102px; + display: inline-block; + text-align: center; + width: 102px; } #deadlineLine { - border-left: 1px solid #ccc; - height: 5px; - width: 10px; + border-left: 1px solid #ccc; + height: 5px; + width: 10px; } /***************** PRE-PLANNING ****************/ .partnerListMsj { - margin: 18px 5px; - font-size: 12px; + margin: 18px 5px; + font-size: 12px; } #removeDialog { - text-align: left; + text-align: left; } /* Introduction */ #preplanningPrograms .program { - float: left; - padding-top: 7px; - text-align: center; - height: 77px; - background-color: #BEC7AB; - color: #fff; - font-size: 1.8em; - font-weight: lighter; - border-radius: 2px; + float: left; + padding-top: 7px; + text-align: center; + height: 77px; + background-color: #BEC7AB; + color: #fff; + font-size: 1.8em; + font-weight: lighter; + border-radius: 2px; } #preplanningPrograms .program p.name { - font-size: 0.7em; + font-size: 0.7em; } #preplanningPrograms .program:hover { - background-color: #B5BBA7; + background-color: #B5BBA7; } #preplanningPrograms #flagships .program { - width: 23%; - margin: 1%; + width: 23%; + margin: 1%; } #preplanningPrograms #regions .program { - width: 18%; - margin: 1%; - height: 58px; + width: 18%; + margin: 1%; + height: 58px; } /* Outcomes 2025*/ #idosBlock .ido { - padding: 0.5em; - font-weight: bold; - background: #FFFFFF; - margin: 8px 20px 5px 20px; - border: 1px solid #E5E5E5; - border-radius: 5px; + padding: 0.5em; + font-weight: bold; + background: #FFFFFF; + margin: 8px 20px 5px 20px; + border: 1px solid #E5E5E5; + border-radius: 5px; } #idosBlock .ido label { - font-weight: normal; + font-weight: normal; } #idosBlock .ido .checkboxGroup.vertical { - padding: 0.2em 1.2em; - margin: 0.3em 0.4em; - border-left: 2px dotted #DDD; + padding: 0.2em 1.2em; + margin: 0.3em 0.4em; + border-left: 2px dotted #DDD; } #idosBlock .ido .checkboxGroup.vertical label { - font-weight: normal; + font-weight: normal; } /*********** Impact Pathways **********/ /* Outcomes 2025 */ #indicatorsFPLBlock { - padding: 5px 15px; + padding: 5px 15px; } -#indicatorsFPLBlock .target input[type="text"] , input[name$="target"] { - width: 99%; +#indicatorsFPLBlock .target input[type="text"], +input[name$="target"] { + width: 99%; } #indicatorsFPLBlock .target { - padding: 6px 12px; - margin: 5px 4px; - border-left: 2px dotted #ccc; + padding: 6px 12px; + margin: 5px 4px; + border-left: 2px dotted #ccc; } -.indicator, .contributions { - padding: 2px 15px 5px 15px; - border-bottom: 2px dotted #C3D4E7; - margin: 2px 0px; - background: #FFFFFF; +.indicator, +.contributions { + padding: 2px 15px 5px 15px; + border-bottom: 2px dotted #C3D4E7; + margin: 2px 0px; + background: #FFFFFF; } #contributionsBlock .contribution { - margin: 20px 0; - padding: 9px 15px; - border: 1px solid rgba(15, 114, 150, 0.31); - border-radius: 2px; - position: relative; + margin: 20px 0; + padding: 9px 15px; + border: 1px solid rgba(15, 114, 150, 0.31); + border-radius: 2px; + position: relative; } -.midOutcomeTitle h6, h6.title { - color: #0F7296; - font-size: 1.3em; - font-weight: normal; - border-bottom: 1px solid #0F7296; - margin: 0px 0 12px -2px; - padding-top: 0px; - padding-bottom: 5px; +.midOutcomeTitle h6, +h6.title { + color: #0F7296; + font-size: 1.3em; + font-weight: normal; + border-bottom: 1px solid #0F7296; + margin: 0px 0 12px -2px; + padding-top: 0px; + padding-bottom: 5px; } .contributions p#description { - padding-bottom: 8px; - padding-left: 10px; + padding-bottom: 8px; + padding-left: 10px; } .contributions .midOutcomeIndicators { - padding-left: 11px; + padding-left: 11px; } #midOutcomesSelect { - border-top: 1px dashed #E4E4E4; - margin-top: 14px; - padding-top: 12px; + border-top: 1px dashed #E4E4E4; + margin-top: 14px; + padding-top: 12px; } -.indicator h6,.indicator label { - float: left; +.indicator h6, +.indicator label { + float: left; } .indicator label { - margin: 0.5em 0.5em .2em 0 !important; + margin: 0.5em 0.5em .2em 0 !important; } .contentElements { - border: 1px solid #ccc; - /* border-top: 0; */ - border-radius: 10px 10px 6px 6px; - margin: 12px 0px; - width: 99%; + border: 1px solid #ccc; + /* border-top: 0; */ + border-radius: 10px 10px 6px 6px; + margin: 12px 0px; + width: 99%; } .contentElements textarea { - width: 100%; - height: 55px; + width: 100%; + height: 55px; } .contentElements .fields { - padding: 0px 0 2px 14px; - margin: 0px 0 10px 4px; - border-left: 2px dotted #ccc; + padding: 0px 0 2px 14px; + margin: 0px 0 10px 4px; + border-left: 2px dotted #ccc; } .contentElements .fields .target { - width: 20%; + width: 20%; } .contentElements .fields .narrative { - width: 96%; + width: 96%; } -.removeOutputBlock, .removeMidOutcomeBlock { - position: absolute; - top: 0; - right: 0; - background: #D5504C; - border-radius: 0px 3px 0px 8px; +.removeOutputBlock, +.removeMidOutcomeBlock { + position: absolute; + top: 0; + right: 0; + background: #D5504C; + border-radius: 0px 3px 0px 8px; } #ipGraph-content { - height: 250px; - /* margin-top: 10px; */ + height: 250px; + /* margin-top: 10px; */ } #ipGraph-buttonsGroup { - position: absolute; - bottom: 3px; - right: 3px; + position: absolute; + bottom: 3px; + right: 3px; } button#ipGraph-btnPrint { - background: url(../../global/images/download-icon.png)no-repeat center #2BA6CB; + background: url(../../global/images/download-icon.png)no-repeat center #2BA6CB; } button#ipGraph-btnMax { - background: url(../../global/images/max-icon.png)no-repeat center #2BA6CB; + background: url(../../global/images/max-icon.png)no-repeat center #2BA6CB; } -button#ipGraph-btnFullimpact, button#ipGraph-btnSingleimpact { - position: absolute; - bottom: 3px; - left: 3px; +button#ipGraph-btnFullimpact, +button#ipGraph-btnSingleimpact { + position: absolute; + bottom: 3px; + left: 3px; } button.ipGraph-btn { - height: 30px; + height: 30px; } #ipGraph-button { - border: 1px solid #ccc; - width: 45px; - height: 45px; - float: left; - margin-right: 1em; - cursor: pointer; - border-radius: 50%; - background: url(../../global/images/ipGraph.png) no-repeat center; - box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15); + border: 1px solid #ccc; + width: 45px; + height: 45px; + float: left; + margin-right: 1em; + cursor: pointer; + border-radius: 50%; + background: url(../../global/images/ipGraph.png) no-repeat center; + box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.15); } #ipGraph-button:hover { - background: url(../../global/images/ipGraph-hover.png) no-repeat center #57A7B5; + background: url(../../global/images/ipGraph-hover.png) no-repeat center #57A7B5; } .note { - background-color: #FFF7CF; - padding: 6px; - text-align: center; - /* border-bottom: 2px solid #fff; */ - font-style: italic; + background-color: #FFF7CF; + padding: 6px; + text-align: center; + /* border-bottom: 2px solid #fff; */ + font-style: italic; } .topNote { - margin: 0; + margin: 0; } .note.left { - text-align: left; + text-align: left; } .note span { - display: inline-block; + display: inline-block; } #outputs #addOutputBlock { - text-align: center; - margin-bottom: 30px; + text-align: center; + margin-bottom: 30px; } .btnPrint { - background: url(../../global/images/download-icon.png)no-repeat center #47939C !important; - height: 30px; - vertical-align: middle; + background: url(../../global/images/download-icon.png)no-repeat center #47939C !important; + height: 30px; + vertical-align: middle; } /********** Projects *********/ /* Project menu */ #projectType-quote { - font-size: 0.8em; + font-size: 0.8em; } /* Project List */ .content .projectSubTitle { - text-align: center; - margin: 15px 0px 10px 0px; - color: #4C4C4C; - font-size: 1.5em; - font-family: 'Open Sans', sans-serif; + text-align: center; + margin: 15px 0px 10px 0px; + color: #4C4C4C; + font-size: 1.5em; + font-family: 'Open Sans', sans-serif; } /* projects List */ .projectsList thead { - font-weight: bold !important; + font-weight: bold !important; } .projectsList thead tr.header { - height: 45px; - background-color: #7B9074; + height: 45px; + background-color: #7B9074; } .projectsList thead tr.subHeader { - height: 30px; + height: 30px; } .projectsList a.submitButton { - background-color: #83AECC; - padding: 4px 24px; - border-radius: 2px; - color: #fff; - text-decoration: none; + background-color: #83AECC; + padding: 4px 24px; + border-radius: 2px; + color: #fff; + text-decoration: none; } .projectsList a.validateButton { - background-color: #7FB06F; - padding: 3px 26px; - border-radius: 2px; - color: #fff; - text-decoration: none; + background-color: #7FB06F; + padding: 3px 26px; + border-radius: 2px; + color: #fff; + text-decoration: none; } .projectsList a.submitButton:hover { - background-color: #3498db; + background-color: #3498db; } a.projectSubmitButton { - background: url(../../global/images/submit-icon.png) no-repeat; - background-color: #83AECC; - background-position: 46px 9px; - padding: 11px 0 11px 18px; - margin: 0px 10px; - border-radius: 2px; - color: #fff; - font-weight: lighter; - font-size: 1.3em; - text-align: center; - cursor: pointer; - display: block; + background: url(../../global/images/submit-icon.png) no-repeat; + background-color: #83AECC; + background-position: 46px 9px; + padding: 11px 0 11px 18px; + margin: 0px 10px; + border-radius: 2px; + color: #fff; + font-weight: lighter; + font-size: 1.3em; + text-align: center; + cursor: pointer; + display: block; } a.projectUnSubmitButton { - background: url(../../global/images/submit-icon.png) no-repeat; - background-color: #F44336; - background-position: 46px 9px; - padding: 11px 0 11px 18px; - margin: 0px 10px; - border-radius: 2px; - color: #fff; - font-weight: lighter; - font-size: 1.3em; - text-align: center; - cursor: pointer; - display: block; + background: url(../../global/images/submit-icon.png) no-repeat; + background-color: #F44336; + background-position: 46px 9px; + padding: 11px 0 11px 18px; + margin: 0px 10px; + border-radius: 2px; + color: #fff; + font-weight: lighter; + font-size: 1.3em; + text-align: center; + cursor: pointer; + display: block; } a.projectReportButton { - background-color: #848484; - background-position: 46px 9px; - padding: 11px 0 11px 0px; - margin: 0px 10px; - border-radius: 2px; - color: #fff; - font-weight: lighter; - font-size: 1.3em; - text-align: center; - cursor: pointer; - display: block; + background-color: #848484; + background-position: 46px 9px; + padding: 11px 0 11px 0px; + margin: 0px 10px; + border-radius: 2px; + color: #fff; + font-weight: lighter; + font-size: 1.3em; + text-align: center; + cursor: pointer; + display: block; } .projectValidateButton { - background: url(../../global/images/validate-icon.png) no-repeat; - background-color: #7FB06F; - background-position: 46px 13px; - padding: 11px 0 11px 18px; - margin: 0px 8%; - border-radius: 2px; - color: #fff; - font-weight: lighter; - font-size: 1.3em; - text-align: center; - cursor: pointer; + background: url(../../global/images/validate-icon.png) no-repeat; + background-color: #7FB06F; + background-position: 46px 13px; + padding: 11px 0 11px 18px; + margin: 0px 8%; + border-radius: 2px; + color: #fff; + font-weight: lighter; + font-size: 1.3em; + text-align: center; + cursor: pointer; } p.projectValidateButton-message { - color: #5A5A5A; - margin-bottom: 5px; - font-style: italic; + color: #5A5A5A; + margin-bottom: 5px; + font-style: italic; } .projectSubmitButton:hover { - background-color: #3498db; + background-color: #3498db; } .button-pdf-format { - display: block; - color: #929090; - text-decoration: none; - font-weight: bold; - border: 1px solid #ccc; - width: 150px; - text-align: center; - padding: 18px 0 18px 28px; - border-radius: 3px; - background: url(../../global/images/icon-pdf.png) no-repeat; - margin-top: 11px !important; + display: block; + color: #929090; + text-decoration: none; + font-weight: bold; + border: 1px solid #ccc; + width: 150px; + text-align: center; + padding: 18px 0 18px 28px; + border-radius: 3px; + background: url(../../global/images/icon-pdf.png) no-repeat; + margin-top: 11px !important; } -.projectsList #ids, .activities #ids { - width: 27px !important; - text-align: center; +.projectsList #ids, +.activities #ids { + width: 27px !important; + text-align: center; } .projectsList #projectTitles { - width: 383px; + width: 383px; } .projectsList #projectRegions { - width: 50px; + width: 50px; } .projectsList #projectFlagships { - width: 206px; + width: 206px; } .projectsList #projectBudget { - width: 115px; + width: 115px; } .projectsList #projectReportStatus { - width: 89px; + width: 89px; } .projectsList #projectActionStatus { - padding: 0 4px 0 6px; - width: 100px; + padding: 0 4px 0 6px; + width: 100px; } .projectsList #projectType { - width: 114px; + width: 114px; } .projectsList #lastModified { - width: 80px; - text-align: center; + width: 80px; + text-align: center; } .projectsList #projectDelete { - width: 12px; - padding: 0 5px 0 0; + width: 12px; + padding: 0 5px 0 0; } .projectsList td { - text-align: center; - height: 33px; - vertical-align: middle; + text-align: center; + height: 33px; + vertical-align: middle; } .projectsList td.left { - text-align: left; + text-align: left; } .projectsList td.budget { - text-align: right; + text-align: right; } .projectsList td.projectId { - text-align: left; + text-align: left; } .projectsList a:HOVER { - text-decoration: underline; + text-decoration: underline; } /* Project Description*/ #projects .borderBox button { - margin-top: 10px; + margin-top: 10px; } #projectWorking { - /* padding-bottom: 15px; */ - border-radius: 3px; + /* padding-bottom: 15px; */ + border-radius: 3px; } .dottedBox { - border: 1px dotted #ccc; - border-radius: 3px; - padding: 8px; - min-height: 41px; + border: 1px dotted #ccc; + border-radius: 3px; + padding: 8px; + min-height: 41px; } #projectWorking .checkboxGroup { - margin-left: 8px + margin-left: 8px } #projectWorking h6 { - padding-left: 7px; - margin-bottom: 5px; - color: #797979; + padding-left: 7px; + margin-bottom: 5px; + color: #797979; } #projects .buttons { - text-align: right; - margin-top: 40px; + text-align: right; + margin-top: 40px; } #projectRegionsBlock { - padding: 0px 0px 8px 3px; - /* margin-bottom: -2000px; */ - /* padding-bottom: 2000px; */ + padding: 0px 0px 8px 3px; + /* margin-bottom: -2000px; */ + /* padding-bottom: 2000px; */ } #projectFlagshipsBlock { - position: relative; - padding: 0px 0px 9px 3px; - /* margin-bottom: -2000px; */ - /* padding-bottom: 2000px; */ + position: relative; + padding: 0px 0px 9px 3px; + /* margin-bottom: -2000px; */ + /* padding-bottom: 2000px; */ } #projectRegionsBlock .checkboxGroup label { - width: 42.5%; + width: 42.5%; } .tickBox-wrapper { - margin: 6px 0; + margin: 6px 0; } #uploadWorkPlan .checkbox { - margin: 0px 0px 3px 0; + margin: 0px 0px 3px 0; } #uploadWorkPlan p { - margin: 0px 0px 5px 0px; - line-height: 15px; + margin: 0px 0px 5px 0px; + line-height: 15px; } #projects .note { - font-style: italic; - background-color: #F8F7E5; - padding: 5px; - text-align: center; + font-style: italic; + background-color: #F8F7E5; + padding: 5px; + text-align: center; } .project-title { - height: 44px; + height: 44px; } .fundingSource-title { - height: 44px !important; + height: 44px !important; } .coreProject_name { - display: block; - width: 90%; - float: left; + display: block; + width: 90%; + float: left; } li.leader { - color: #848484; - font-size: 0.9em; - list-style: initial; - margin-bottom: 6px; + color: #848484; + font-size: 0.9em; + list-style: initial; + margin-bottom: 6px; } /* Project Partners*/ #partnerRemove-dialog { - text-align: left; + text-align: left; } .projectPartner .filters-link { - cursor: pointer; - color: #848484; - padding-left: 16px; - margin-bottom: -9px; - /* background: url(../../global/images/filter.png) no-repeat 0px 3px; */ - background-size: 12px; - /* float: right; */ - text-align: right; - margin-top: 0; + cursor: pointer; + color: #848484; + padding-left: 16px; + margin-bottom: -9px; + /* background: url(../../global/images/filter.png) no-repeat 0px 3px; */ + background-size: 12px; + /* float: right; */ + text-align: right; + margin-top: 0; } .projectPartner .filters-link:hover { - text-decoration: underline; + text-decoration: underline; } .projectPartner .filters-content { - margin: 7px 0px; - padding: 8px; - border: 1px dotted #D2D2D2; - display: none; + margin: 7px 0px; + padding: 8px; + border: 1px dotted #D2D2D2; + display: none; } .contactsPerson { - margin-bottom: 0; + margin-bottom: 0; } -.projectPartner:hover > .leftHead { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); +.projectPartner:hover>.leftHead { + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); } span.partnerTag { - background-color: #f1f1f1; - padding: 0px 50px 2px 50px; - border-radius: 3px; + background-color: #f1f1f1; + padding: 0px 50px 2px 50px; + border-radius: 3px; } .projectPartner.leader .leftHead .index { - background-color: #2ECC71; - color: #fff; - padding: 2px 35px 3px 35px; + background-color: #2ECC71; + color: #fff; + padding: 2px 35px 3px 35px; } .projectPartner.leader { - border-color: #adb9ad; + border-color: #adb9ad; } .projectPartner.leader .partnerTitle { - font-weight: 600; + font-weight: 600; } .projectPartner .partnerTags { - margin-right: 26px; + margin-right: 26px; } .projectPartner.leader .contactPerson.PL { - border-color: #92D0AC; - background-color: #F9FFFC; + border-color: #92D0AC; + background-color: #F9FFFC; } .projectPartner.leader .contactPerson.PL .index { - background-color: #72D09A !important; - background-image: url(../../global/images/user_white.png); - background-position: 3px 1px; - background-repeat: no-repeat; - padding: 2px 10px 0px 14px !important; - display: initial; + background-color: #72D09A !important; + background-image: url(../../global/images/user_white.png); + background-position: 3px 1px; + background-repeat: no-repeat; + padding: 2px 10px 0px 14px !important; + display: initial; } .projectPartner .addContact { - /* text-align: right; */ - width: 100%; - margin-top: 13px; - font-size: 1.05em; - margin-bottom: 30px; -} - -.addPartnerbutton{ - background: #0679a4; - width: 134px; - float: right; - height: 33px; - border-bottom: 3px solid #056082; - padding-top: 4px; - position: relative; - cursor:pointer; + /* text-align: right; */ + width: 100%; + margin-top: 13px; + font-size: 1.05em; + margin-bottom: 30px; +} + +.addPartnerbutton { + background: #0679a4; + width: 134px; + float: right; + height: 33px; + border-bottom: 3px solid #056082; + padding-top: 4px; + position: relative; + cursor: pointer; } .contactPerson { - font-size: 0.96em; - padding: 5px 37px 5px 34px !important; + font-size: 0.96em; + padding: 5px 37px 5px 34px !important; } .contactPerson .removeElement { - padding: 9px 11px; + padding: 9px 11px; } .contactPerson .partnerPerson-email .form-control[readonly] { - background-color: #f7f5f5 !important; + background-color: #f7f5f5 !important; } .contactPerson .tag { - background-color: #f1f1f1; - float: left; - padding: 3px 12px; - margin-right: 5px; - border-radius: 4px; - cursor: pointer; - font-size: 0.95em; + background-color: #f1f1f1; + float: left; + padding: 3px 12px; + margin-right: 5px; + border-radius: 4px; + cursor: pointer; + font-size: 0.95em; } .contactPerson .tag:hover { - background-color: #DEDEDE; + background-color: #DEDEDE; } .contactPerson .tag span { - font-weight: bold; + font-weight: bold; } .contactPerson .leftHead { - border: none !important; + border: none !important; } .contactPerson .leftHead .index { - background-color: #CECECE !important; - font-size: 0.95em !important; - padding: 2px 10px 2px 10px !important; - display: none; + background-color: #CECECE !important; + font-size: 0.95em !important; + padding: 2px 10px 2px 10px !important; + display: none; } /* Project Budget */ .budget { - margin-top: 0px; - margin-bottom: 3px; - /* padding: 5px 0 5px 8px; */ - border-left: 2px solid #FFFFFF; + margin-top: 0px; + margin-bottom: 3px; + /* padding: 5px 0 5px 8px; */ + border-left: 2px solid #FFFFFF; } .budget .title { - margin-bottom: 4px; + margin-bottom: 4px; } .budget span.inputTitle { - font-weight: normal; - font-size: 0.95em; + font-weight: normal; + font-size: 0.95em; } .budget .content { - width: 98%; - float: left; - margin-bottom: 2px; + width: 98%; + float: left; + margin-bottom: 2px; } .budget .content p { - margin-bottom: 4px; + margin-bottom: 4px; } .partnerTable tr.row { - height: 30px; + height: 30px; } #budgetTables { - margin-top: 1.5em; + margin-top: 1.5em; } #overhead { - margin-top: 12px; + margin-top: 12px; } .BILATERAL #linkedProjects .budget { - background-color: #FFFFFF; - padding: 9px 16px; - border: 1px solid #DCDCDC; - border-radius: 4px; + background-color: #FFFFFF; + padding: 9px 16px; + border: 1px solid #DCDCDC; + border-radius: 4px; } #linkedProjects .budget { - background-color: #F5F5F5; - padding: 9px 16px; - border-radius: 4px; + background-color: #F5F5F5; + padding: 9px 16px; + border-radius: 4px; } #linkedProjects .budget .title { - padding-right: 88px; + padding-right: 88px; } #linkedProjects a { - text-decoration: none; - color: #444; - border-bottom: 1px solid #97DCB4; - line-height: 1.5em; + text-decoration: none; + color: #444; + border-bottom: 1px solid #97DCB4; + line-height: 1.5em; } #linkedProjects a:hover { - color: #777; + color: #777; } /*** Leverages ***/ #leveragesBlock .leverage { - padding-top: 35px !important; + padding-top: 35px !important; } #addLeverage { - text-align: right; - margin-bottom: 40px; + text-align: right; + margin-bottom: 40px; } /**/ #bilateral { - float: left; + float: left; } #bilateral .bilateralPartner { - position: relative; - height: 45px; + position: relative; + height: 45px; } #bilateral .bilateralPartner .amount { - position: relative; - width: 24%; + position: relative; + width: 24%; } #bilateral .bilateralPartner input { - width: 95% + width: 95% } .halfPanel { - border: 2px solid #DFDFDF; - width: 46%; - margin: 13px 0; - padding: 0.86em; + border: 2px solid #DFDFDF; + width: 46%; + margin: 13px 0; + padding: 0.86em; } table tr.row:hover { - background: #f5f5f5; + background: #f5f5f5; } -table#deliverableTypes, #deliverableTypes th, #deliverableTypes td { - border: 1px solid #b6b6b6; - height: 20px; - vertical-align: middle; - text-align: center; +table#deliverableTypes, +#deliverableTypes th, +#deliverableTypes td { + border: 1px solid #b6b6b6; + height: 20px; + vertical-align: middle; + text-align: center; } #deliverableTypes td { - text-align: left; - padding: 5px 10px; + text-align: left; + padding: 5px 10px; } .BudgetByYear { - float: left; - padding: 0 2% 8px 2%; - width: 45%; + float: left; + padding: 0 2% 8px 2%; + width: 45%; } .partnerBudget.row { - border: 1px solid #CCD; + border: 1px solid #CCD; } .budgetPartnerTitle { - padding-bottom: 4px; - font-size: 1.2em; - color: #525252; + padding-bottom: 4px; + font-size: 1.2em; + color: #525252; } span.projectType { - font-size: 0.85em; - float: right; - background-color: #2ecc71; - color: #fff; - text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); - padding: 0px 8px 2px 8px; - border-radius: 3px; + font-size: 0.85em; + float: right; + background-color: #2ecc71; + color: #fff; + text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1); + padding: 0px 8px 2px 8px; + border-radius: 3px; } span.projectType.ppa { - background-color: #DE9A5E; + background-color: #DE9A5E; } .budgetTypeTitle { - vertical-align: middle; - font-weight: bold; - font-size: 1.1em; - color: #727171; + vertical-align: middle; + font-weight: bold; + font-size: 1.1em; + color: #727171; } .budgetTypeHead { - text-align: center; - margin-top: 11px; - margin-bottom: 4px; - font-size: 0.95em; - color: #6F6F6F; + text-align: center; + margin-top: 11px; + margin-bottom: 4px; + font-size: 0.95em; + color: #6F6F6F; } .budgetContent { - margin-bottom: 10px; + margin-bottom: 10px; } .handlediv { - width: 20px; - height: 20px; - position: absolute; - top: 0; - right: 0; - cursor: pointer; - background: url(../../../global/images/arrow-up.png); + width: 20px; + height: 20px; + position: absolute; + top: 0; + right: 0; + cursor: pointer; + background: url(../../../global/images/arrow-up.png); } .handlediv.down { - background: url(../../../global/images/arrow-down.png); + background: url(../../../global/images/arrow-down.png); } .budgetPartnerTitle.down { - border-bottom: 2px solid #979E90; + border-bottom: 2px solid #979E90; } p.partnerTitle { - padding-right: 205px; + padding-right: 205px; } .budgetPartnerTitle p.totalBudget { - position: absolute; - top: 0; - right: 30px; - color: #626262; - font-size: 0.85em; + position: absolute; + top: 0; + right: 30px; + color: #626262; + font-size: 0.85em; } -input.projectBudget, input.projectGenderBudget, input.percentage { - width: 70%; +input.projectBudget, +input.projectGenderBudget, +input.percentage { + width: 70%; } /* Project/Activities QUOTE */ #top-quote { - /* font-weight: lighter; */ - font-size: 1.1em; - cursor: pointer; - /* position: absolute; */ - float: right; - /* right: 1em; */ - /* top: 0.2em; */ - /* margin: 0; */ - /* padding: 0; */ + /* font-weight: lighter; */ + font-size: 1.1em; + cursor: pointer; + /* position: absolute; */ + float: right; + /* right: 1em; */ + /* top: 0.2em; */ + /* margin: 0; */ + /* padding: 0; */ } #top-quote img { - width: 26px; - vertical-align: middle; + width: 26px; + vertical-align: middle; } #top-quote a { - text-decoration: none; - color: #5F5F5F; - font-size: 0.9em; + text-decoration: none; + color: #5F5F5F; + font-size: 0.9em; } #top-quote .quote-id { - float: left; - padding: 0px 8px; - margin-left: 0.3em; - border: 1px dotted #BEBEBE; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); - border-radius: 5px; - padding-left: 24px; - font-size: 1.1em; - background-size: 22px; - background-repeat: no-repeat; - background-position: 4px; - background-color: #fff; - min-height: 29px; + float: left; + padding: 0px 8px; + margin-left: 0.3em; + border: 1px dotted #BEBEBE; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding-left: 24px; + font-size: 1.1em; + background-size: 22px; + background-repeat: no-repeat; + background-position: 4px; + background-color: #fff; + min-height: 29px; } #top-quote .aux-quote { - float: left; - padding: 0px 1px; - margin-left: 0.3em; - border-radius: 5px; - font-size: 1.0em; - background-size: 27px; - background-repeat: no-repeat; - background-position: 4px; - min-height: 33px; - line-height: 27px; + float: left; + padding: 0px 1px; + margin-left: 0.3em; + border-radius: 5px; + font-size: 1.0em; + background-size: 27px; + background-repeat: no-repeat; + background-position: 4px; + min-height: 33px; + line-height: 27px; } #top-quote .aux-quote-bilateral { - float: left; - padding: 2px 7px; - margin-left: 0em; - margin-right: 0em; - border: 1px dotted #BEBEBE; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); - border-radius: 5px; - padding-left: 6px; - font-size: 0.9em; - position: static; - left: 740px; - top: 307px; - background-size: 27px; - background-color: #FFD2D2; - background-repeat: no-repeat; - background-position: 1px; - min-height: 33px; + float: left; + padding: 2px 7px; + margin-left: 0em; + margin-right: 0em; + border: 1px dotted #BEBEBE; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding-left: 6px; + font-size: 0.9em; + position: static; + left: 740px; + top: 307px; + background-size: 27px; + background-color: #FFD2D2; + background-repeat: no-repeat; + background-position: 1px; + min-height: 33px; } #top-quote .aux-quote-core { - float: left; - padding: 2px 7px; - margin-left: 0em; - margin-right: 0em; - border: 1px dotted #BEBEBE; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); - border-radius: 5px; - padding-left: 6px; - font-size: 0.9em; - position: static; - left: 740px; - top: 307px; - background-size: 27px; - background-color: #BFDFFC; - background-repeat: no-repeat; - background-position: 1px; - min-height: 33px; + float: left; + padding: 2px 7px; + margin-left: 0em; + margin-right: 0em; + border: 1px dotted #BEBEBE; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding-left: 6px; + font-size: 0.9em; + position: static; + left: 740px; + top: 307px; + background-size: 27px; + background-color: #BFDFFC; + background-repeat: no-repeat; + background-position: 1px; + min-height: 33px; } #top-quote .aux-quote-cofunded { - float: left; - padding: 2px 7px; - margin-left: 0em; - margin-right: 0em; - border: 1px dotted #BEBEBE; - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); - border-radius: 5px; - padding-left: 6px; - font-size: 0.9em; - position: static; - left: 740px; - top: 307px; - background-size: 27px; - background-color: #D7F6DE; - background-repeat: no-repeat; - background-position: 1px; - min-height: 33px; + float: left; + padding: 2px 7px; + margin-left: 0em; + margin-right: 0em; + border: 1px dotted #BEBEBE; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); + border-radius: 5px; + padding-left: 6px; + font-size: 0.9em; + position: static; + left: 740px; + top: 307px; + background-size: 27px; + background-color: #D7F6DE; + background-repeat: no-repeat; + background-position: 1px; + min-height: 33px; } #top-quote .org-quote-id { - float: left; - padding: 2px 7px; - margin-left: 0em; - margin-right: 0.1em; - padding-left: 6px; - color: #AFABAB; - font-size: 0.9em; + float: left; + padding: 2px 7px; + margin-left: 0em; + margin-right: 0.1em; + padding-left: 6px; + color: #AFABAB; + font-size: 0.9em; } /***************** PROJECTS ******************/ /** Project Outcomes **/ #projectOutcomes .fullBlock { - margin: 20px 0px; + margin: 20px 0px; } #projectOutcomes textarea { - /* height: 50px; */ - height: auto; + /* height: 50px; */ + height: auto; } #projectOutcomes #projectOutcomeStatement textarea { - height: 80px; + height: 80px; } .indicatorTargets.ui-tabs { - padding-top: 12px; - margin-right: 12px; + padding-top: 12px; + margin-right: 12px; } /*** Project CCAFS Outcomes (Impact Pathway) ***/ .targetIndicator h6 { - margin-bottom: 3px; + margin-bottom: 3px; } /*** Project other contributions ***/ .crpContribution .remove { - position: absolute; - top: 0.5em; - right: .5em; + position: absolute; + top: 0.5em; + right: .5em; } #otherContributionsBlock { - padding: 0px 0 0 0; + padding: 0px 0 0 0; } #contributionsBlock .crpName { - color: #0F7296; - font-size: 1.3em; - font-weight: normal; + color: #0F7296; + font-size: 1.3em; + font-weight: normal; } #addOtherContribution { - float: right; + float: right; } span.indicatorsFound { - color: #8E8E8E; - padding-left: 2px; - font-style: italic; + color: #8E8E8E; + padding-left: 2px; + font-style: italic; } /*** Project case studies ***/ .caseStudyIndicators input { - width: 2%; - margin-top: 7px; + width: 2%; + margin-top: 7px; } .caseStudyIndicators label { - width: 96% !important; - padding-bottom: 4px; + width: 96% !important; + padding-bottom: 4px; } #addCaseStudy { - text-align: right; - margin-bottom: 40px; + text-align: right; + margin-bottom: 40px; } /** Project Overview by MOGs **/ #projectOutputs .mogs-group { - padding-top: 35px; + padding-top: 35px; } /** Project Deliverables **/ .projectNextUser textarea { - height: 60px; + height: 60px; } .projectNextUser { - padding-top: 28px !important; + padding-top: 28px !important; } .deliverablePartner { - font-size: 0.95em; - padding: 13px 50px 2px 30px !important; + font-size: 0.95em; + padding: 13px 50px 2px 30px !important; } .responsiblePartner { - padding: 3px 14px 0px 13px !important; + padding: 3px 14px 0px 13px !important; } .deliverablePartner span.index { - padding: 2px 6px 3px 6px; + padding: 2px 6px 3px 6px; } .input-otherType { - margin-top: 3px; - padding-left: 2px; + margin-top: 3px; + padding-left: 2px; } -#projectDeliverables .removeDeliverable-row, #projectDeliverables .status { - text-align: center; - vertical-align: middle; - width: 41px; +#projectDeliverables .removeDeliverable-row, +#projectDeliverables .status { + text-align: center; + vertical-align: middle; + width: 41px; } /* Ranking */ .rankingBlock { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #rate-legend { - margin: 15px 10px; - padding: 14px; - border: 1px dotted rgba(0, 0, 0, 0.1); + margin: 15px 10px; + padding: 14px; + border: 1px dotted rgba(0, 0, 0, 0.1); } #rate-legend ul { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } #rate-legend ul li { - list-style: none; - font-style: italic; - color: #5D5D5D; + list-style: none; + font-style: italic; + color: #5D5D5D; } .hover-test { - color: #fff; - float: left; - margin: 0px 10px; - padding: 0px 4px; - font-size: 1.2em; - font-weight: bold; - background: rgba(0,0,0,0.2); - border-radius: 2px; - position: absolute; - right: -30px; - top: 2px; + color: #fff; + float: left; + margin: 0px 10px; + padding: 0px 4px; + font-size: 1.2em; + font-weight: bold; + background: rgba(0, 0, 0, 0.2); + border-radius: 2px; + position: absolute; + right: -30px; + top: 2px; } #rankingTable .value { - width: 20%; - padding-left: 12px; + width: 20%; + padding-left: 12px; } -#dataCompliance .value, #alreadyDisseminated .value, #openAccessRestriction .value, #adoptedLicense .value { - width: 20%; - /* padding-left: 20px; */ - /* text-align: center; */ +#dataCompliance .value, +#alreadyDisseminated .value, +#openAccessRestriction .value, +#adoptedLicense .value { + width: 20%; + /* padding-left: 20px; */ + /* text-align: center; */ } #dataCompliance .aditional { - padding: 10px 14px; + padding: 10px 14px; } #dataCompliance .aditional h6 { - color: #717171; - font-weight: normal; + color: #717171; + font-weight: normal; } -#aditional-alreadyDisseminated, #aditional-adoptedLicense { - padding: 17px 14px 17px 14px; - border: 1px solid #DEDEDE; - margin-top: -1px; +#aditional-alreadyDisseminated, +#aditional-adoptedLicense { + padding: 17px 14px 17px 14px; + border: 1px solid #DEDEDE; + margin-top: -1px; } #aditional-alreadyDisseminated .fullBlock { - margin-bottom: 2px; + margin-bottom: 2px; } #aditional-isOpenAccess { - padding: 13px 14px 0px 14px; - border: 1px solid #DEDEDE; - margin-top: -1px; + padding: 13px 14px 0px 14px; + border: 1px solid #DEDEDE; + margin-top: -1px; } .openAccessRestrictionOption { - padding: 4px; + padding: 4px; } .openAccessRestrictionOption input { - margin: 0; + margin: 0; } #metadata-block .halfPartBlock { - margin-bottom: 10px; + margin-bottom: 10px; } /* Metadata */ #disseminationUrl { - position: relative; + position: relative; } #disseminationUrl div#fillMetadata { - text-align: center; + text-align: center; } #disseminationUrl .url-field { - width: 75%; - float: left; + width: 75%; + float: left; } #disseminationUrl .buttons-field { - width: 24%; - float: right; - margin-top: 25px; + width: 24%; + float: right; + margin-top: 25px; } .checkButton { - background-color: #7FB06F; - color: #fff; - padding: 4px 12px; - border-radius: 2px; - cursor: pointer; + background-color: #7FB06F; + color: #fff; + padding: 4px 12px; + border-radius: 2px; + cursor: pointer; } .checkButton:hover { - background-color: #749E66; + background-color: #749E66; } .uncheckButton { - background-color: #F44336; - color: #fff; - padding: 4px 12px; - border-radius: 2px; - cursor: pointer; - width: 49%; - float: right; + background-color: #F44336; + color: #fff; + padding: 4px 12px; + border-radius: 2px; + cursor: pointer; + width: 49%; + float: right; } .uncheckButton:hover { - background-color: #e03d31; + background-color: #e03d31; } .updateButton { - background-color: #668fda; - color: #fff; - padding: 4px 12px; - border-radius: 2px; - cursor: pointer; - margin-right: 1%; - width: 49%; - float: left; + background-color: #668fda; + color: #fff; + padding: 4px 12px; + border-radius: 2px; + cursor: pointer; + margin-right: 1%; + width: 49%; + float: left; } .updateButton:hover { - background-color: #5b80c3; + background-color: #5b80c3; } -#metadata-output, .metadata-output-persistent { - color: #777; - padding: 7px 4px; - font-style: italic; +#metadata-output, +.metadata-output-persistent { + color: #777; + padding: 7px 4px; + font-style: italic; } #metadata-flagships { - width: 84%; + width: 84%; } #licenses-examples { - color: #808080; - border: 1px dashed #E2E2E2; - padding: 10px; + color: #808080; + border: 1px dashed #E2E2E2; + padding: 10px; } #licenses-examples ul { - margin-left: 25px; - margin-bottom: 10px; + margin-left: 25px; + margin-bottom: 10px; } /* Data sharing */ #dataSharingOptions label { - display: inline-block; - /* padding: 5px 10px 10px 0px; */ + display: inline-block; + /* padding: 5px 10px 10px 0px; */ } #dataSharingOptions label .quote { - color: #979797; - font-size: 1em; - font-style: italic; - font-weight: normal; - margin-left: 16px; - display: inline-block; - text-align: justify; + color: #979797; + font-size: 1em; + font-style: italic; + font-weight: normal; + margin-left: 16px; + display: inline-block; + text-align: justify; } #dataSharingOptions input { - vertical-align: middle; + vertical-align: middle; } #dragAndDrop.dropzone { - min-height: 170px; + min-height: 170px; } #filesUploaded { - max-height: 200px; - /* overflow: auto; */ - /* overflow-x: hidden; */ - overflow-y: auto; - margin-bottom: 25px; + max-height: 200px; + /* overflow: auto; */ + /* overflow-x: hidden; */ + overflow-y: auto; + margin-bottom: 25px; } #filesUploaded p { - border: 1px solid #D8D8D8; - border-radius: 2px; - text-align: center; - padding: 20px; - font-size: 1.2em; - color: #717171; + border: 1px solid #D8D8D8; + border-radius: 2px; + text-align: center; + padding: 20px; + font-size: 1.2em; + color: #717171; } #filesUploaded ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } li.fileUploaded { - text-align: left; - list-style: none; - border: 1px solid rgba(0, 0, 0, 0.05); - -webkit-border-radius: 3px; - border-radius: 3px; - background: rgba(0, 0, 0, 0.03); - padding: 6px 7px 2px 7px; - margin: 2px 0; - font-size: 0.95em; + text-align: left; + list-style: none; + border: 1px solid rgba(0, 0, 0, 0.05); + -webkit-border-radius: 3px; + border-radius: 3px; + background: rgba(0, 0, 0, 0.03); + padding: 6px 7px 2px 7px; + margin: 2px 0; + font-size: 0.95em; } li.fileUploaded div { - float: left; + float: left; } li.fileUploaded .fileName { - width: 67%; + width: 67%; } li.fileUploaded .fileFormat { - width: 15%; - color: #696969; + width: 15%; + color: #696969; } li.fileUploaded .fileSize { - width: 15%; - color: #535353; + width: 15%; + color: #535353; } li.fileUploaded span { - width: 10%; - cursor: pointer; - background: #fff; + width: 10%; + cursor: pointer; + background: #fff; } .fallback .fileInput { - margin-bottom: 5px; + margin-bottom: 5px; } .fallback .fileInput .removeInput { - vertical-align: middle; + vertical-align: middle; } .addFileURL { - width: 107px; + width: 107px; } .uploadBlock { - margin-left: 28px; + margin-left: 28px; } .icon-20 { - width: 20px; - height: 20px; - display: inline-block; + width: 20px; + height: 20px; + display: inline-block; } .icon-20.deliverable { - background-image: url(../../global/images/summaries/summaries-icons.png); - background-position: -28px -42px; - background-size: 350%; - vertical-align: middle; - opacity: 0.7; + background-image: url(../../global/images/summaries/summaries-icons.png); + background-position: -28px -42px; + background-size: 350%; + vertical-align: middle; + opacity: 0.7; } .icon-20.project { - background-image: url(../../global/images/summaries/summaries-icons.png); - background-position: -28px 2px; - background-size: 360%; - vertical-align: middle; + background-image: url(../../global/images/summaries/summaries-icons.png); + background-position: -28px 2px; + background-size: 360%; + vertical-align: middle; } .icon-20.outcomesCont { - background-image: url(../../global/images/summaries/summaries-icons.png); - background-position: -28px 95px; - background-size: 360%; - vertical-align: middle; + background-image: url(../../global/images/summaries/summaries-icons.png); + background-position: -28px 95px; + background-size: 360%; + vertical-align: middle; } .icon-20.files { - background-image: url(../../global/images/summaries/summaries-icons.png); - background-position: -28px 22px; - background-size: 360%; - vertical-align: middle; + background-image: url(../../global/images/summaries/summaries-icons.png); + background-position: -28px 22px; + background-size: 360%; + vertical-align: middle; } .icon-20.policies { - background-image: url(../../global/images/icons-policies.png); - background-position: -28px 0px; - background-size: 358%; - vertical-align: middle; + background-image: url(../../global/images/icons-policies.png); + background-position: -28px 0px; + background-size: 358%; + vertical-align: middle; } .icon-20.innovations { - background-image: url(../../global/images/icons-innovations.png); - background-position: -28px 0px; - background-size: 358%; - vertical-align: middle; + background-image: url(../../global/images/icons-innovations.png); + background-position: -28px 0px; + background-size: 358%; + vertical-align: middle; } .icon-20.evidences { - background-image: url(../../global/images/icons-evidences.png); - background-position: -28px 0px; - background-size: 358%; - vertical-align: middle; + background-image: url(../../global/images/icons-evidences.png); + background-position: -28px 0px; + background-size: 358%; + vertical-align: middle; } .icon-uncheck { - background: url('../../global/images/sprite-icons-activities.png') 0 -85px; + background: url('../../global/images/sprite-icons-activities.png') 0 -85px; } .icon-check { - background: url('../../global/images/sprite-icons-activities.png') 0 -150px; + background: url('../../global/images/sprite-icons-activities.png') 0 -150px; } .icon-duplicated { - background: url('../../global/images/deliverable-duplicated-small.png'); - background-repeat: no-repeat; - border: none; + background: url('../../global/images/deliverable-duplicated-small.png'); + background-repeat: no-repeat; + border: none; } .mf-icon { - font-size: 20px; + font-size: 20px; } .mffp-icon { - font-size: 18px; - color: slategray; + font-size: 18px; + color: slategray; } .mf-icon.check { - color:#8EA786; + color: #8EA786; } .icon-neutral { - background: url('../../global/images/sprite-icons-activities.png') 0 -88px; + background: url('../../global/images/sprite-icons-activities.png') 0 -88px; } /*** Project next users ***/ #nextUsersBlock .nextUser { - padding-top: 38px; + padding-top: 38px; } /*** Activities ***/ .activity { - font-size: 0.98em; - margin-top: 20px !important; - padding-top: 33px !important; - padding-bottom: 20px !important; + font-size: 0.98em; + margin-top: 20px !important; + padding-top: 33px !important; + padding-bottom: 20px !important; } -.location.row, #location-head { - padding: 5px 11px; - margin: 6px 0; - position: relative; +.location.row, +#location-head { + padding: 5px 11px; + margin: 6px 0; + position: relative; } .location.row { - border: 1px solid #E7E7E7; - border-radius: 5px; + border: 1px solid #E7E7E7; + border-radius: 5px; } -.location input, .location select { - padding-top: 3px !important; - padding-bottom: 3px !important; +.location input, +.location select { + padding-top: 3px !important; + padding-bottom: 3px !important; } .location.selected { - background: #EFECF7; - box-shadow: 0px 0px 10px #CFCFCF; + background: #EFECF7; + box-shadow: 0px 0px 10px #CFCFCF; } .locationIndex { - width: 2.2%; - float: left; + width: 2.2%; + float: left; } .locationIndex strong { - vertical-align: middle; + vertical-align: middle; } .location .removeButton { - top: 12px; - right: 3px; + top: 12px; + right: 3px; } .location select { - width: 100%; + width: 100%; } /* Activity Description*/ .officialLeader label { - float: right; - width: 97%; - margin: 0; + float: right; + width: 97%; + margin: 0; } .officialLeader input { - float: left; + float: left; } .crossCuttingDescription { - position: relative; - width: 280px; - height: 110px; - padding: 5px; - background: #FFFFFF; - color: #5E5E5E; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - border: #B5B5B5 solid 1px; - text-align: justify; + position: relative; + width: 280px; + height: 110px; + padding: 5px; + background: #FFFFFF; + color: #5E5E5E; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + border: #B5B5B5 solid 1px; + text-align: justify; } .crossCuttingDescription:after { - content: ''; - position: absolute; - border-style: solid; - border-width: 20px 15px 20px 0; - border-color: transparent #FFFFFF; - display: block; - width: 0; - z-index: 1; - left: -15px; - top: 19px; + content: ''; + position: absolute; + border-style: solid; + border-width: 20px 15px 20px 0; + border-color: transparent #FFFFFF; + display: block; + width: 0; + z-index: 1; + left: -15px; + top: 19px; } .crossCuttingDescription:before { - content: ''; - position: absolute; - border-style: solid; - border-width: 20px 15px 20px 0; - border-color: transparent #7F7F7F; - display: block; - width: 0; - z-index: 0; - left: -16px; - top: 19px; + content: ''; + position: absolute; + border-style: solid; + border-width: 20px 15px 20px 0; + border-color: transparent #7F7F7F; + display: block; + width: 0; + z-index: 0; + left: -16px; + top: 19px; } .activity-title { - height: 44px; + height: 44px; } -div#gender .fullBlock,div#gender .halfPartBlock { - margin-top: 15px; +div#gender .fullBlock, +div#gender .halfPartBlock { + margin-top: 15px; } /* Project Locations */ #projectLocations-map { - width: 99%; - height: 280px; - border: 4px solid #EBEBEB; - position: relative; + width: 99%; + height: 280px; + border: 4px solid #EBEBEB; + position: relative; } #projectLocations-map p.global { - position: absolute; - top: 42%; - left: 40%; - font-size: 4em; - font-weight: bold; - color: #FFF; - text-shadow: 1px 1px 7px #616161; + position: absolute; + top: 42%; + left: 40%; + font-size: 4em; + font-weight: bold; + color: #FFF; + text-shadow: 1px 1px 7px #616161; } #projectLocations-map .infoWindow { - width: auto; - height: 20px; - text-align: center; + width: auto; + height: 20px; + text-align: center; } #locationsGlobalBlock { - padding-bottom: 20px; + padding-bottom: 20px; } #locationsGlobalBlock input { - vertical-align: middle; - float: left; - margin-right: .5em; - margin-top: 2px; + vertical-align: middle; + float: left; + margin-right: .5em; + margin-top: 2px; } #projectLocations .location .select { - margin-bottom: 0px !important; + margin-bottom: 0px !important; } #projectLocations .uploadFileMessage .left { - width: 30%; + width: 30%; } #projectLocations .uploadFileMessage .right { - margin-left: 8%; - width: 58%; + margin-left: 8%; + width: 58%; } #projectLocations .uploadFileMessage #icon { - float: left; + float: left; } #projectLocations .uploadFileMessage #downloadMessage { - padding-left: 50px; - text-align: center; + padding-left: 50px; + text-align: center; } #projectLocations .uploadFileMessage { - position: relative; - -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 2px 8px rgba(0,0,0,.3); - box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); - -webkit-border-radius: 2px; - -moz-border-radius: 2px; - border-radius: 2px; - padding: 10px; - border: 1px solid #EEE; - background: #F8F8F8; - margin-top: 20px; - margin-bottom: 20px; + position: relative; + -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + padding: 10px; + border: 1px solid #EEE; + background: #F8F8F8; + margin-top: 20px; + margin-bottom: 20px; } p#fileUploadText { - margin: 30px 0; + margin: 30px 0; } #excelTemplate-file { - border: 1px solid #ccc; - border-radius: 5px; - padding: 5px; - margin-top: 8px; + border: 1px solid #ccc; + border-radius: 5px; + padding: 5px; + margin-top: 8px; } #excelTemplate-file-uploaded { - padding: 5px; - margin-top: 8px; + padding: 5px; + margin-top: 8px; } #excelTemplate-file .removeButton { - top: 20%; + top: 20%; } .uploadFileMessage img.icon-check { - vertical-align: bottom; + vertical-align: bottom; } .step { - width: 18px; - height: 17px; - /* position: absolute; */ - float: left; - margin-right: 15px; - font-weight: bold; - color: #FFF; - padding: 5px; - background: #CCC; - text-align: center; - border-radius: 50%; + width: 18px; + height: 17px; + /* position: absolute; */ + float: left; + margin-right: 15px; + font-weight: bold; + color: #FFF; + padding: 5px; + background: #CCC; + text-align: center; + border-radius: 50%; } /* Activity Impact Pathway */ #activityImpactPathway .indicatorsBlock { - padding: 7px 0px 6px 12px; - margin: 8px 3px 6px 0px; - /* border: 1px solid #E8E8E8; */ - border-radius: 6px; + padding: 7px 0px 6px 12px; + margin: 8px 3px 6px 0px; + /* border: 1px solid #E8E8E8; */ + border-radius: 6px; } #activityImpactPathway .midOutcomeIndicator { - margin-bottom: 7px; + margin-bottom: 7px; } #activityImpactPathway .midOutcomeTitle p.description { - margin-bottom: 8px; + margin-bottom: 8px; } .mogsBlock { - padding: 7px 12px 6px 16px; - margin: 8px 3px 6px 0px !important; - /* border: 1px solid #E8E8E8; */ - border-radius: 6px; + padding: 7px 12px 6px 16px; + margin: 8px 3px 6px 0px !important; + /* border: 1px solid #E8E8E8; */ + border-radius: 6px; } .mogsBlock .mog { - margin-bottom: 7px; + margin-bottom: 7px; } .mogsBlock .mog textarea { - height: 55px; + height: 55px; } #activityImpactPathway .indicatorNarrative { - padding: 5px 7px; - margin: 5px 5px; - /* border-left: 2px dotted #DEDEDE; */ + padding: 5px 7px; + margin: 5px 5px; + /* border-left: 2px dotted #DEDEDE; */ } /********* Activity Reporting Sub Menu **********/ #stageMenu { - display: block; - margin: 0px 30px 15px 0px; - text-align: center; - min-height: 18px; - position: relative; + display: block; + margin: 0px 30px 15px 0px; + text-align: center; + min-height: 18px; + position: relative; } #stageMenu li { - background-image: url("../../global/images/sub-menu.png"); - background-repeat: no-repeat; - float: left; - color: #585858; - width: 174px; - height: 43px; + background-image: url("../../global/images/sub-menu.png"); + background-repeat: no-repeat; + float: left; + color: #585858; + width: 174px; + height: 43px; } #stageMenu li:hover { - color: #000; + color: #000; } -#stageMenu li.currentReportingSection , #stageMenu li.currentSection { - background-image: url("../../global/images/sub-menu-selected.png"); - font-weight: bold; +#stageMenu li.currentReportingSection, +#stageMenu li.currentSection { + background-image: url("../../global/images/sub-menu-selected.png"); + font-weight: bold; } #stageMenu li.currentSection a { - color: #fff; + color: #fff; } #stageMenu li a { - display: inline-block; - /* margin-top: 6px; */ - width: 100%; - height: 100%; - padding-top: 13px; - text-decoration: none; - color: #444; + display: inline-block; + /* margin-top: 6px; */ + width: 100%; + height: 100%; + padding-top: 13px; + text-decoration: none; + color: #444; } #stageMenu li.goBack { - background-image: url("../../global/images/sub-menu-goback.png"); - width: 50px; - margin-right: 20px; - text-align: left; - padding: 0px 0 0 37px; + background-image: url("../../global/images/sub-menu-goback.png"); + width: 50px; + margin-right: 20px; + text-align: left; + padding: 0px 0 0 37px; } /* Customize the position, size, border color and background color.*/ aside[id="slider-breadcrumbs"] { - right: 50% !important; - margin-right: -41px !important; + right: 50% !important; + margin-right: -41px !important; } aside[id="slider-breadcrumbs"] .slidr-breadcrumbs li { - width: 12px !important; - height: 12px !important; - margin: 3px !important; + width: 12px !important; + height: 12px !important; + margin: 3px !important; } aside[id="slider-breadcrumbs"] .slidr-breadcrumbs li.normal { - background-color: #74b9e4 !important; - border-color: #74b9e4 !important; + background-color: #74b9e4 !important; + border-color: #74b9e4 !important; } aside[id="slider-breadcrumbs"] .slidr-breadcrumbs li.active { - background-color: #fff !important; + background-color: #fff !important; } /* Hide a single arrow within a single controller.*/ aside[id="slider-control"] .slidr-control.right:after { - border-color: transparent !important; + border-color: transparent !important; } /* Hide all arrows within a single controller.*/ aside[id="slider-control"] .slidr-control:after { - border-color: transparent !important; + border-color: transparent !important; } /* Hide all Slidr arrows.*/ aside[id*="-control"] .slidr-control:after { - border-color: transparent !important; + border-color: transparent !important; } #slider .slide { - width: 100%; - height: 118px; + width: 100%; + height: 118px; } /* Activities */ .activityInformation .fullBlock.name { - margin-bottom: 0px; - padding: 2px 5px; + margin-bottom: 0px; + padding: 2px 5px; } .activityInformation .halfPartBlock { - padding: 2px 5px; + padding: 2px 5px; } .activityInformation .label { - padding: 2px 5px; - font-weight: bold; + padding: 2px 5px; + font-weight: bold; } .activityInformation ol { - margin-top: 10px; + margin-top: 10px; } .activityInformation ol li { - margin-bottom: 15px; + margin-bottom: 15px; } #country_locations { - height: 219px; - width: 100%; + height: 219px; + width: 100%; } #other_locations { - height: 219px; - width: 100%; + height: 219px; + width: 100%; } /* @@ -4921,341 +5010,345 @@ aside[id*="-control"] .slidr-control:after { used to show the maps */ #country_locations div[style] { - display : block !important; - position: static !important; + display: block !important; + position: static !important; } -#country_locations > div + div[style] { - display : none !important; +#country_locations>div+div[style] { + display: none !important; } /*** Syntesis CRP Indicators ***/ .indicatorsByType { - padding-top: 24px !important; + padding-top: 24px !important; } a.showIndicatorDesc { - padding-left: 5px; + padding-left: 5px; } a.showIndicatorDesc img { - height: 16px; - vertical-align: bottom; + height: 16px; + vertical-align: bottom; } /*** Outcome synthesis ***/ .synthesisContributions-block { - width: 98%; + width: 98%; } .synthesisContributions-block table th.col-projectId { - width: 1%; + width: 1%; } .synthesisContributions-block table th.col-regionId { - width: 5%; + width: 5%; } .synthesisContributions-block table th.col-expected { - width: 1%; - padding: 6px 0; + width: 1%; + padding: 6px 0; } .synthesisContributions-block table th.col-achieved { - width: 1%; - padding: 6px 0; + width: 1%; + padding: 6px 0; } .synthesisContributions-block table th.col-synthesis { - width: 39%; + width: 39%; } .synthesisContributions-block table th.col-mogSynthesis { - width: 45%; + width: 45%; } table.regionalContributions thead { - background-color: #07C39F !important; + background-color: #07C39F !important; } span.ipElementId { - border-radius: 5px; - border: 1px solid #B0D8E6; - background: #fff; - padding: 0 5px 1px 5px; - margin: 5px; - font-size: 0.70em; - color: #9EC3D0; + border-radius: 5px; + border: 1px solid #B0D8E6; + background: #fff; + padding: 0 5px 1px 5px; + margin: 5px; + font-size: 0.70em; + color: #9EC3D0; } /************ ACTIVITIES ***************/ #i-addActivity { - background: url('../../global/images/sprite-icons-activities.png') 0 0; + background: url('../../global/images/sprite-icons-activities.png') 0 0; } #i-checkedActivity { - background: url('../../global/images/sprite-icons-activities.png') 0 -24px; + background: url('../../global/images/sprite-icons-activities.png') 0 -24px; } #i-errorCheckedActivity { - background: url('../../global/images/sprite-icons-activities.png') 0 -45px; + background: url('../../global/images/sprite-icons-activities.png') 0 -45px; } #i-neutralActivity { - background: url('../../global/images/sprite-icons-activities.png') 0 -90px; + background: url('../../global/images/sprite-icons-activities.png') 0 -90px; } #i-submitActivity { - background: url('../../global/images/sprite-icons-activities.png') 0 -150px; + background: url('../../global/images/sprite-icons-activities.png') 0 -150px; } /* Activity List */ .activityList { - margin-top: 20px; + margin-top: 20px; } .activityList #id { - width: 20px; + width: 20px; } .activityList #activity { - width: 440px; + width: 440px; } .activityList #contactPerson { - width: 100px; + width: 100px; } .activityList #leaderName { - width: 100px; + width: 100px; } .activityList #validated { - width: 64px; + width: 64px; } .activityList #theme { - width: 76px; + width: 76px; } .activityList #lastModified { - width: 80px; - text-align: center; + width: 80px; + text-align: center; } .activitiesList #ids { - width: 10%; + width: 10%; } .activitiesList #activitiesOrganizations { - width: 25%; + width: 25%; } .activityList td { - text-align: center; + text-align: center; } .activityList td.left { - text-align: left; + text-align: left; } .activityList a:HOVER { - text-decoration: underline; + text-decoration: underline; } /** Activity Status **/ #activityTitle p { - text-align: justify; + text-align: justify; } #activityDescription p { - text-align: justify; + text-align: justify; } #generalInformation .title { - font-weight: bold; + font-weight: bold; } #generalInformation td { - width: 160px; - padding: 3px; + width: 160px; + padding: 3px; } /* Deliverables */ #items #fileNameMessage { - display: none; + display: none; } -ul#deliverablesFilesMessages > li { - margin-bottom: 10px; +ul#deliverablesFilesMessages>li { + margin-bottom: 10px; } /*** Contact Persons (popup) ***/ #contactPersons { - display: none; + display: none; } #contactPersonsTable th { - background-color: #A6A6A6; - border: 1px solid; - padding: 0.2em; - text-align: center; + background-color: #A6A6A6; + border: 1px solid; + padding: 0.2em; + text-align: center; } #contactPersonsTable td { - background-color: white; - border: 1px solid; - padding: 0.3em 0.5em; + background-color: white; + border: 1px solid; + padding: 0.3em 0.5em; } /* Partners */ #addPartnerText a:hover { - text-decoration: underline; + text-decoration: underline; } -.grayBlock, .grayBox { - background: #f5f5f5; - padding: 6px 16px; - border-radius: 5px; - margin-top: 10px; - position: relative; +.grayBlock, +.grayBox { + background: #f5f5f5; + padding: 6px 16px; + border-radius: 5px; + margin-top: 10px; + position: relative; } .borderBox { - border: 1px solid #D1D1D1; - padding: 9px 22px 9px 22px; - margin: 2px 0px 5px 0; - border-radius: 4px; - position: relative; - transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); - background: #fff; - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); + border: 1px solid #D1D1D1; + padding: 9px 22px 9px 22px; + margin: 2px 0px 5px 0; + border-radius: 4px; + position: relative; + transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); + background: #fff; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .borderBox:hover { - /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); */ - border: 1px solid #C7C7C7; + /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); */ + border: 1px solid #C7C7C7; } .borderBox:active { - box-shadow: 0px 0px 12px rgba(0,0,0,0.24); + box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.24); } -.borderBox > legend { - text-align: left; - border: 0; - position: absolute; - top: -10px; - left: 36%; - background: rgba(255,255,255,0.7); - width: auto; - padding: 0 6px; - font-weight: bold; - border-radius: 40px; - font-size: 1.15em; - color: #5A5A5A; +.borderBox>legend { + text-align: left; + border: 0; + position: absolute; + top: -10px; + left: 36%; + background: rgba(255, 255, 255, 0.7); + width: auto; + padding: 0 6px; + font-weight: bold; + border-radius: 40px; + font-size: 1.15em; + color: #5A5A5A; } .leftHead.blue span.index { - background: #73a9ce; + background: #73a9ce; } .leftHead.green span.index { - background: #81af81; + background: #81af81; } .leftHead.gray span.index { - background: #ababab; + background: #ababab; } span.index { - background: #b0b99d; - color: #FFF; - padding: 1px 25px 1px 25px; - font-weight: bold; - border-radius: 3px 0px 3px 0px; - /* font-size: 13px; */ + background: #b0b99d; + color: #FFF; + padding: 1px 25px 1px 25px; + font-weight: bold; + border-radius: 3px 0px 3px 0px; + /* font-size: 13px; */ } span.elementId { - border-left: none; - border-top: none; - padding: 0px 29px 0px 28px; + border-left: none; + border-top: none; + padding: 0px 29px 0px 28px; } .leftHead.sm { - font-size: 0.85em; + font-size: 0.85em; } .leftHead.sm span.index { - padding: 0px 15px 0px 15px; + padding: 0px 15px 0px 15px; } -.borderBox .leftHead, .simpleBox .leftHead { - border-right: 1px solid #CECECE; - border-bottom: 1px solid #CECECE; - border-radius: 0px 0px 4px 0px; - background-color: #FBFBF9; - /* padding: 2px 0px 3px 0px; */ - position: absolute; - top: 0px; - left: 0px; +.borderBox .leftHead, +.simpleBox .leftHead { + border-right: 1px solid #CECECE; + border-bottom: 1px solid #CECECE; + border-radius: 0px 0px 4px 0px; + background-color: #FBFBF9; + /* padding: 2px 0px 3px 0px; */ + position: absolute; + top: 0px; + left: 0px; } -.borderBox:before,.borderBox:after { - content: ""; - display: table; +.borderBox:before, +.borderBox:after { + content: ""; + display: table; } .borderBox:after { - clear: both; + clear: both; } .simpleBox { - border: 1px solid #E7E7E7; - padding: 10px 20px 10px 20px; - border-radius: 3px; - margin: 2px 0px 5px 0; - position: relative; - background: #FFF; + border: 1px solid #E7E7E7; + padding: 10px 20px 10px 20px; + border-radius: 3px; + margin: 2px 0px 5px 0; + position: relative; + background: #FFF; } #publications .journalArticlesIndicators .checkbox h6 { - font-weight: normal; - font-size: 11px; + font-weight: normal; + font-size: 11px; } #publications .checkbox input { - float: left; - margin-left: 10px; + float: left; + margin-left: 10px; } -#publications .checkbox > label { - float: right; - width: 95%; +#publications .checkbox>label { + float: right; + width: 95%; } #publications .checkboxGroup .checkboxLabel { - width: 46%; + width: 46%; } -#publications .journalArticlesIndicators, #publications #ccafsAcknowledge { - margin-bottom: 25px; +#publications .journalArticlesIndicators, +#publications #ccafsAcknowledge { + margin-bottom: 25px; } /******** SUMMARY BY OUTPUTS ***********/ .outputTitle { - font-weight: bold; - font-size: 14px; - margin-bottom: 5px; + font-weight: bold; + font-size: 14px; + margin-bottom: 5px; } .outputDescription { - margin-bottom: 10px; + margin-bottom: 10px; } #outputSummary .outputSummary .textArea h6 { - display: none; + display: none; } /*********** PUBLICATIONS **************/ @@ -5263,1915 +5356,1936 @@ span.elementId { /************* OUTCOMES ****************/ /************* INDICATORS ****************/ #indicators .toggleDescription { - cursor: pointer; - font-size: 11px; - margin-left: 10px; + cursor: pointer; + font-size: 11px; + margin-left: 10px; } /************ TL/RPL ONLY **************/ /* TL/RPL Sub-Menu */ #stageMenu.tlRplSubMenu ul a li { - font-size: 12px; - margin-top: 2px; - width: 110px; - margin-left: -36px; + font-size: 12px; + margin-top: 2px; + width: 110px; + margin-left: -36px; } /* TL Outputs */ #outputsGroup .textArea h6 { - display: none; + display: none; } /* TL/RPL Synthesis Report */ #synthesisReport .textArea h6 { - font-weight: normal; + font-weight: normal; } /* TL/RPL Milestone Report*/ #tlRplMilestones legend { - font-size: 15px; - font-weight: bold; + font-size: 15px; + font-weight: bold; } #tlRplMilestones .milestoneReportTitle { - font-size: 12px; - margin-bottom: 10px; + font-size: 12px; + margin-bottom: 10px; } #tlRplMilestones .milestoneReportDescription { - font-style: italic; - margin-bottom: 10px; + font-style: italic; + margin-bottom: 10px; } .milestoneReportStatus { - margin-bottom: 10px; + margin-bottom: 10px; } -.tlDescription, .rplDescription { - margin-bottom: 10px; +.tlDescription, +.rplDescription { + margin-bottom: 10px; } /* Project Highlights */ .highlightsTypes label { - width: 97%; + width: 97%; } /*************** FOOTER ****************/ footer { - color: white; - /* background: #0b59a6; */ - margin: 15px 0 0 0; - /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,e0e0e0+4,e0e0e0+4,e0e0e0+10,e0e0e0+100 */ - /* Old browsers */ - /* FF3.6-15 */ - /* Chrome10-25,Safari5.1-6 */ - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e0e0e0',GradientType=0 ); - /* IE6-9 */ + color: white; + /* background: #0b59a6; */ + margin: 15px 0 0 0; + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,e0e0e0+4,e0e0e0+4,e0e0e0+10,e0e0e0+100 */ + /* Old browsers */ + /* FF3.6-15 */ + /* Chrome10-25,Safari5.1-6 */ + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3', endColorstr='#e0e0e0', GradientType=0); + /* IE6-9 */ } #footerContainer { - padding: 30px 0; - color: white; + padding: 30px 0; + color: white; } #footerContainer p.lighter { - font-size: 1.05em; - font-weight: lighter; - margin: 0; + font-size: 1.05em; + font-weight: lighter; + margin: 0; } #centres-logos { - text-align: center; + text-align: center; } #centres-logos img { - margin: 10px + margin: 10px } #footerContainer #centres-logos { - margin-left: 40px; + margin-left: 40px; } #footerContainer #centres-logos img { - margin-left: 5px; + margin-left: 5px; } #footerContainer #secondaryLogos { - float: right; + float: right; } #footerContainer #rowTwo { - margin-top: 30px; + margin-top: 30px; } #footerContainer #reportIssue { - float: left; - /* margin-top: 15px; */ + float: left; + /* margin-top: 15px; */ } #footerContainer #copyright { - float: right; - font-weight: bold; - margin-right: 10px; - margin-top: 15px; - text-align: right; + float: right; + font-weight: bold; + margin-right: 10px; + margin-top: 15px; + text-align: right; } #glossary { - /* float:right; */ - margin-top: 15px; + /* float:right; */ + margin-top: 15px; } p.totalScore { - text-align: center; - background: #f1f1f1; - padding: 2px 5px; - border-radius: 3px; - text-shadow: 0px 0px 2px rgba(0,0,0,0.3); - font-size: 1em; - font-weight: normal; + text-align: center; + background: #f1f1f1; + padding: 2px 5px; + border-radius: 3px; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); + font-size: 1em; + font-weight: normal; } p.totalScore.red { - background: rgba(231, 76, 60, 0.71); - color: #fff; + background: rgba(231, 76, 60, 0.71); + color: #fff; } p.totalScore.yellow { - background: rgb(241, 196, 15); - color: #fff; + background: rgb(241, 196, 15); + color: #fff; } p.totalScore.green { - background: rgba(46, 189, 107, 0.94); - color: #fff; + background: rgba(46, 189, 107, 0.94); + color: #fff; } table.evaluationProjects .projectTitlesCol { - width: 36%; + width: 36%; } table.evaluationProjects .totalScoreCol { - width: 8%; + width: 8%; } table.evaluationProjects .focusCol { - width: 16%; + width: 16%; } p.focus { - border: 1px solid #D6D6D6; - float: left; - padding: 1px 6px; - margin: 3px; - border-radius: 2px; - font-size: 0.94em; - color: #6F6F6F; + border: 1px solid #D6D6D6; + float: left; + padding: 1px 6px; + margin: 3px; + border-radius: 2px; + font-size: 0.94em; + color: #6F6F6F; } table.evaluationTable td { - padding: 0 10px; + padding: 0 10px; } table.evaluationTable .detailCol { - width: 5%; + width: 5%; } table.evaluationTable .totalScoreCol { - width: 5%; + width: 5%; } table.evaluationTable .personCol { - width: 30%; + width: 30%; } table.evaluationTable .rolCol { - width: 9%; - font-weight: bold; + width: 9%; + font-weight: bold; } table.evaluationTable .statusCol { - width: 5%; + width: 5%; } table.evaluationRank thead { - background: #2ba6cb; - color: #fff; - border: none; + background: #2ba6cb; + color: #fff; + border: none; } table.evaluationRank thead th { - color: #fff; - font-weight: normal; + color: #fff; + font-weight: normal; } .evaluationContent { - width: 98%; - margin: 0 auto; + width: 98%; + margin: 0 auto; } .notVisible { - /* color: #ccc; */ - opacity: 0.5; - border-color: #9a9a9a; - border-style: dashed; + /* color: #ccc; */ + opacity: 0.5; + border-color: #9a9a9a; + border-style: dashed; } .breadcrumb { - margin: 10px 0; - padding: 7px 15px 9px 15px; + margin: 10px 0; + padding: 7px 15px 9px 15px; } .usersInfo { - float: right; + float: right; } #debugPanel { - font-size: 0.75em; - position: absolute; - padding: 5px; - background: #fff; - border: 1px solid #ccc; - border-radius: 4px; - top: 3px; - left: 3px; - opacity: 0.94; - width: 450px; + font-size: 0.75em; + position: absolute; + padding: 5px; + background: #fff; + border: 1px solid #ccc; + border-radius: 4px; + top: 3px; + left: 3px; + opacity: 0.94; + width: 450px; } #debugPanel p { - padding-left: 0px; - margin: 3px; + padding-left: 0px; + margin: 3px; } #debugPanel p span { - color: #4CAF50; + color: #4CAF50; } /******************** CRP ADMIN - Management *********************/ .items-list ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .items-list ul li { - list-style: none; - margin-bottom: 4px; - border-radius: 2px; + list-style: none; + margin-bottom: 4px; + border-radius: 2px; } -.items-list ul li.userItem, .items-list ul li.li-item { - padding: 4px 18px; - background: #f5f5f5; - border: 1px dashed #e2e0e0; - position: relative; +.items-list ul li.userItem, +.items-list ul li.li-item { + padding: 4px 18px; + background: #f5f5f5; + border: 1px dashed #e2e0e0; + position: relative; } .items-list ul li .glyphicon-remove { - color: #E53935; - cursor: pointer; + color: #E53935; + cursor: pointer; } /********************** CRP ADMIN - Leaders ***********************/ .program-block li { - font-size: 0.95em; + font-size: 0.95em; } /********************** CRP ADMIN - Site Integration ***********************/ .country-title { - font-size: 1.4em; - font-weight: lighter; + font-size: 1.4em; + font-weight: lighter; } /* Switch */ .onoffswitch { - position: relative; - /* width: 57px; */ - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - padding: 2px 2px; + position: relative; + /* width: 57px; */ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + padding: 2px 2px; } .onoffswitch-checkbox { - display: none; + display: none; } .onoffswitch-label { - display: block; - overflow: hidden; - cursor: pointer; - border: 2px solid #FFFFFF; - border-radius: 3px; - margin: 0 auto !important; + display: block; + overflow: hidden; + cursor: pointer; + border: 2px solid #FFFFFF; + border-radius: 3px; + margin: 0 auto !important; } .radio-label { - overflow: hidden; - cursor: pointer; - /* margin: 0 10px !important; */ - font-weight: 400; + overflow: hidden; + cursor: pointer; + /* margin: 0 10px !important; */ + font-weight: 400; } .radio-label.fieldError { - color: red; + color: red; } -.radio-label .onoffswitch-radio:checked + label { - background-color: #34A7C1; - color: #FFFFFF; +.radio-label .onoffswitch-radio:checked+label { + background-color: #34A7C1; + color: #FFFFFF; } .onoffswitch-inner { - display: block; - width: 200%; - margin-left: -100%; - transition: margin 0.3s ease-in 0s; + display: block; + width: 200%; + margin-left: -100%; + transition: margin 0.3s ease-in 0s; } -.onoffswitch-inner:before, .onoffswitch-inner:after { - display: block; - float: left; - width: 50%; - height: 20px; - padding: 0; - line-height: 20px; - font-size: 14px; - color: white; - font-family: Trebuchet, Arial, sans-serif; - font-weight: bold; - box-sizing: border-box; +.onoffswitch-inner:before, +.onoffswitch-inner:after { + display: block; + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 14px; + color: white; + font-family: Trebuchet, Arial, sans-serif; + font-weight: bold; + box-sizing: border-box; } .onoffswitch-inner:before { - content: "Yes"; - padding-left: 10px; - background-color: #34A7C1; - color: #FFFFFF; + content: "Yes"; + padding-left: 10px; + background-color: #34A7C1; + color: #FFFFFF; } .onoffswitch-inner:after { - content: "No"; - padding-right: 10px; - background-color: #EEEEEE; - color: #999999; - text-align: right; + content: "No"; + padding-right: 10px; + background-color: #EEEEEE; + color: #999999; + text-align: right; } .onoffswitch-switch { - display: block; - width: 12px; - margin: 4px; - background: #FFFFFF; - position: absolute; - top: 0; - bottom: 0; - right: 38px; - border: 2px solid #FFFFFF; - border-radius: 3px; - transition: all 0.3s ease-in 0s; + display: block; + width: 12px; + margin: 4px; + background: #FFFFFF; + position: absolute; + top: 0; + bottom: 0; + right: 38px; + border: 2px solid #FFFFFF; + border-radius: 3px; + transition: all 0.3s ease-in 0s; } -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { - margin-left: 0; +.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { + margin-left: 0; } -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { - right: 0px; +.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { + right: 0px; } /* ----- ---- ---- ---- */ .button-wrap { - display: inline-block; - /* position: relative; */ - /* top: 50%; */ - /* margin-top: -2.5em; */ + display: inline-block; + /* position: relative; */ + /* top: 50%; */ + /* margin-top: -2.5em; */ } @media (max-width: 40em) { - .button-wrap { - margin-top: -1.5em; - } + .button-wrap { + margin-top: -1.5em; + } } .button-label { - display: inline-block; - padding: 0.1em 1em; - margin: 0 0.2em !important; - cursor: pointer; - color: #292929; - border-radius: 0.2em; - background: #efefef; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.22); - -webkit-transition: 0.3s; - transition: 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + display: inline-block; + padding: 0.1em 1em; + margin: 0 0.2em !important; + cursor: pointer; + color: #292929; + border-radius: 0.2em; + background: #efefef; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.22); + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .button-label { - font-size: 1em; - font-family: "Lato", sans-serif; + font-size: 1em; + font-family: "Lato", sans-serif; } .button-label:hover { - background: #d6d6d6; - color: #101010; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.32); + background: #d6d6d6; + color: #101010; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.32); } .button-label:active { - -webkit-transform: translateY(2px); - transform: translateY(2px); - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22); + -webkit-transform: translateY(2px); + transform: translateY(2px); + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0 rgba(0, 0, 0, 0.22); } @media (max-width: 40em) { - .button-label { - padding: 0em 1em 3px; - margin: 0.25em; - } + .button-label { + padding: 0em 1em 3px; + margin: 0.25em; + } } -.yes-button-label.radio-checked, .yes-button-label:hover { - background: #2ECC71; - color: #ffffff; +.yes-button-label.radio-checked, +.yes-button-label:hover { + background: #2ECC71; + color: #ffffff; } -.no-button-label.radio-checked, .no-button-label:hover { - background: #D91E18; - color: #ffffff; +.no-button-label.radio-checked, +.no-button-label:hover { + background: #D91E18; + color: #ffffff; } .no-button-label-disabled { - pointer-events:none; - background: #e5e5e5; - color: #b3b3b3; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.32); - } + pointer-events: none; + background: #e5e5e5; + color: #b3b3b3; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), inset 0 -2px 0 rgba(0, 0, 0, 0.32); +} -.no-button-label.neutral:hover, .no-button-label.neutral.radio-checked, .yes-button-label.neutral:hover, .yes-button-label.neutral.radio-checked { - background: #68b3f3 !important; - color: #ffffff; +.no-button-label.neutral:hover, +.no-button-label.neutral.radio-checked, +.yes-button-label.neutral:hover, +.yes-button-label.neutral.radio-checked { + background: #68b3f3 !important; + color: #ffffff; } .hidden { - display: none; + display: none; } span.flag-icon { - font-size: 1.2em; - border-radius: 4px; - opacity: 0.8; - vertical-align: middle; - margin: 0px 7px; + font-size: 1.2em; + border-radius: 4px; + opacity: 0.8; + vertical-align: middle; + margin: 0px 7px; } /*Custom Select2*/ .select2-container .select2-search__field:not([placeholder='']) { - width: 100% !important; - margin-right: 14%; + width: 100% !important; + margin-right: 14%; } .select2-container .select2-search__field:not([placeholder='']) { - width: 100% !important; - margin-right: 14%; + width: 100% !important; + margin-right: 14%; } .select2-container--default .select2-selection--multiple .select2-selection__choice { - background-color: #ffffff; - border: 1px solid #aaa; - border-radius: 4px; - cursor: default; - float: left; - margin-right: 5px; - margin-top: 6px; - padding: 5px 10px; + background-color: #ffffff; + border: 1px solid #aaa; + border-radius: 4px; + cursor: default; + float: left; + margin-right: 5px; + margin-top: 6px; + padding: 5px 10px; } span.select2-selection.select2-selection--multiple { - border: solid #d1d1d1 1px; + border: solid #d1d1d1 1px; } .select2-container--default.select2-container--focus .select2-selection--multiple { - border: solid #d1d1d1 1px; + border: solid #d1d1d1 1px; } .select2-results__option { - font-size: 0.95em; - border: 1px dashed #e6e6e6; - padding: 5px 10px; - border-top: none; + font-size: 0.95em; + border: 1px dashed #e6e6e6; + padding: 5px 10px; + border-top: none; } -.select2-results__option > ul { - padding-left: 1em !important; +.select2-results__option>ul { + padding-left: 1em !important; } -.select2-results__option > strong { - opacity: 0.8; +.select2-results__option>strong { + opacity: 0.8; } -.select2-results__option > ul >li { - /* padding-left: 2em !important;*/ +.select2-results__option>ul>li { + /* padding-left: 2em !important;*/ } .select2-search--dropdown { - display: block; - padding: 4px; + display: block; + padding: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: 25px; + line-height: 25px; } h4.testEnvironment { - margin-top: 0; + margin-top: 0; } .button-save { - color: #FFFFFF; - background: #8EA786; - border-bottom: 3px solid #7E9377; - outline: none; + color: #FFFFFF; + background: #8EA786; + border-bottom: 3px solid #7E9377; + outline: none; } -.button-save:[disabled], +.button-save:[disabled], .button-save[disabled] { - color: #FFFFFF; - background: #c1c3c0 !important; - border-bottom: 3px solid #b0b3af; - cursor:not-allowed; + color: #FFFFFF; + background: #c1c3c0 !important; + border-bottom: 3px solid #b0b3af; + cursor: not-allowed; } -.button-save.disabled, .button-save.disabled:hover { - color: #FFFFFF; - background: #ffffff !important; - border: 1px solid #e7e7e7; - border-bottom: 3px solid #dbdbdb; - color: #b9b9b9; - cursor: not-allowed; +.button-save.disabled, +.button-save.disabled:hover { + color: #FFFFFF; + background: #ffffff !important; + border: 1px solid #e7e7e7; + border-bottom: 3px solid #dbdbdb; + color: #b9b9b9; + cursor: not-allowed; } .buttons-content.positionFixedBot { - position: fixed; - bottom: 1px; + position: fixed; + bottom: 1px; } .buttons-content { - float: right; - margin-bottom: 5px; - z-index: 999; + float: right; + margin-bottom: 5px; + z-index: 999; } #superadminBlock { - direction: ltr; - color: #ccc; - font: 400 13px/32px "Open Sans",sans-serif; - background: #444; - box-shadow: 1px 0px 4px #8a8a8a; + direction: ltr; + color: #ccc; + font: 400 13px/32px "Open Sans", sans-serif; + background: #444; + box-shadow: 1px 0px 4px #8a8a8a; } #superadminBlock ul { - text-align: right; - margin: 0; - padding: 0; + text-align: right; + margin: 0; + padding: 0; } #superadminBlock ul li { - float: right; - list-style: none; - position: relative; + float: right; + list-style: none; + position: relative; } #superadminBlock ul li.currentSection { - font-weight: bold; - background: #383838; - box-shadow: inset 1px 1px 1px #313131; + font-weight: bold; + background: #383838; + box-shadow: inset 1px 1px 1px #313131; } #superadminBlock ul li:hover { - background: #383838; - box-shadow: inset 1px 1px 1px #313131; + background: #383838; + box-shadow: inset 1px 1px 1px #313131; } #superadminBlock a { - padding: 0 20px; - color: #fff; - text-decoration: none; + padding: 0 20px; + color: #fff; + text-decoration: none; } #superadminBlock ul li ul.subMenu { - display: none; - min-width: 170px; + display: none; + min-width: 170px; } #superadminBlock ul li ul.subMenu:hover { - display: block; + display: block; } #superadminBlock ul li ul.subMenu li { - display: block; - padding: 0 5px; - margin: 0 2px; - font-weight: normal; - font-size: 0.86em; - float: none; - text-align: left; - border-top: 1px solid #3a3a3a; - line-height: 21px; + display: block; + padding: 0 5px; + margin: 0 2px; + font-weight: normal; + font-size: 0.86em; + float: none; + text-align: left; + border-top: 1px solid #3a3a3a; + line-height: 21px; } #superadminBlock ul li ul.subMenu li a { - padding: 0 5px; - /* width: 100%; */ - display: inline-block; + padding: 0 5px; + /* width: 100%; */ + display: inline-block; } #superadminBlock ul li:hover ul.subMenu { - z-index: 10; - display: block; - width: 100%; - background: #444444; - position: absolute; - top: 31px; - left: 0; - padding: 0 0 3px 0px; - box-shadow: 1px 1px 4px rgba(0,0,0,0.2); - opacity: 0.98; - border-radius: 0px 0px 3px 3px; + z-index: 10; + display: block; + width: 100%; + background: #444444; + position: absolute; + top: 31px; + left: 0; + padding: 0 0 3px 0px; + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); + opacity: 0.98; + border-radius: 0px 0px 3px 3px; } .color-picker { - width: 100%; - border-radius: 2px; - height: 27px; - cursor: pointer; - border: 1px solid #ccc; + width: 100%; + border-radius: 2px; + height: 27px; + cursor: pointer; + border: 1px solid #ccc; } .history-mode { - background: #95a5a6; - color: #fff; - padding: 13px 0 6px 0; - font-size: 1.2em; - border-radius: 4px; - font-weight: lighter; - margin-bottom: 10px; + background: #95a5a6; + color: #fff; + padding: 13px 0 6px 0; + font-size: 1.2em; + border-radius: 4px; + font-weight: lighter; + margin-bottom: 10px; } .history-mode a { - color: #fff; - text-decoration: underline; + color: #fff; + text-decoration: underline; } .submission-mode { - color: #7FB06F; - padding: 13px 0 6px 0; - background-color: #E8F7E3; - border: 1px solid #E3F5DD; - font-size: 1.2em; - border-radius: 4px; - font-weight: lighter; + color: #7FB06F; + padding: 13px 0 6px 0; + background-color: #E8F7E3; + border: 1px solid #E3F5DD; + font-size: 1.2em; + border-radius: 4px; + font-weight: lighter; } .submission-mode a { - color: #fff; - text-decoration: underline; + color: #fff; + text-decoration: underline; } .completed-mode { - color: #fff; - padding: 13px 0 6px 0; - background-color: #5bc0de; - border: 1px solid #4fb4d2; - font-size: 1em; - border-radius: 4px; - font-weight: lighter; + color: #fff; + padding: 13px 0 6px 0; + background-color: #5bc0de; + border: 1px solid #4fb4d2; + font-size: 1em; + border-radius: 4px; + font-weight: lighter; } .completed-mode a { - color: #fff; - text-decoration: underline; + color: #fff; + text-decoration: underline; } /* Countdown plugin */ -.callback, .simple, .offset { - font-size: 20px; - background: #27ae60; - padding: 0.5em 0.7em; - color: #ecf0f1; - margin-bottom: 50px; - -webkit-transition: background 0.5s ease-out; - transition: background 0.5s ease-out; +.callback, +.simple, +.offset { + font-size: 20px; + background: #27ae60; + padding: 0.5em 0.7em; + color: #ecf0f1; + margin-bottom: 50px; + -webkit-transition: background 0.5s ease-out; + transition: background 0.5s ease-out; } .offset { - margin-bottom: 10px; + margin-bottom: 10px; } .callback { - cursor: pointer; + cursor: pointer; } .ended { - color: #c0392b; + color: #c0392b; } .styled { - margin-bottom: 50px; + margin-bottom: 50px; } .styled div { - display: inline-block; - margin-left: 10px; - font-size: 30px; - font-weight: 100; - line-height: 1; - text-align: right; + display: inline-block; + margin-left: 10px; + font-size: 30px; + font-weight: 100; + line-height: 1; + text-align: right; } /* IE7 inline-block hack */ *+html .styled div { - display: inline; - zoom: 1; } + display: inline; + zoom: 1; +} .styled div:first-child { - margin-left: 0; + margin-left: 0; } .styled div span { - display: block; - border-top: 1px solid #cecece; - padding-top: 3px; - font-size: 12px; - font-weight: normal; - text-transform: uppercase; - text-align: left; + display: block; + border-top: 1px solid #cecece; + padding-top: 3px; + font-size: 12px; + font-weight: normal; + text-transform: uppercase; + text-align: left; } .countdown { - font-size: 2.3em; - padding: 15px 0; + font-size: 2.3em; + padding: 15px 0; } .countdown.small { - font-size: 1.5em; - padding: 8px 0; + font-size: 1.5em; + padding: 8px 0; } .timer-content { - padding: 0 30px; + padding: 0 30px; } #secondaryMenu .selectedProgram { - cursor: pointer; + cursor: pointer; } #secondaryMenu .menuList { - display: none; - margin-bottom: 15px; + display: none; + margin-bottom: 15px; } #secondaryMenu .menuList p { - padding: 3px 11px; - border: 1px solid #D2D2D2; - margin-bottom: 5px; - border-radius: 3px; - position: relative; - text-align: center; + padding: 3px 11px; + border: 1px solid #D2D2D2; + margin-bottom: 5px; + border-radius: 3px; + position: relative; + text-align: center; } #secondaryMenu .menuList p.active { - background: #1DA5CE; - border-color: #1DA5CE; + background: #1DA5CE; + border-color: #1DA5CE; } #secondaryMenu .menuList p a { - text-decoration: none; - color: #B3B2B2; + text-decoration: none; + color: #B3B2B2; } #secondaryMenu .menuList p.active a { - color: #fff; + color: #fff; } .user-badge { - padding: 2px 6px; - border-radius: 2px; - margin-left: 2px; - vertical-align: middle; - color: #fff; - cursor: default; - text-shadow: 0px 0px 1px #7d7979; + padding: 2px 6px; + border-radius: 2px; + margin-left: 2px; + vertical-align: middle; + color: #fff; + cursor: default; + text-shadow: 0px 0px 1px #7d7979; } span#usersOnline { - width: 90px; - font-size: 0.9em; - line-height: 1em; - display: block; - font-style: italic; - float: left; - text-align: center; + width: 90px; + font-size: 0.9em; + line-height: 1em; + display: block; + font-style: italic; + float: left; + text-align: center; } div#concurrenceMessage { - background: #f1c40f; - color: #fff; - padding: 12px 30px 6px 30px; - /* font-weight: lighter; */ - font-size: 1.05em; - border-radius: 2px; - margin-top: 10px; + background: #f1c40f; + color: #fff; + padding: 12px 30px 6px 30px; + /* font-weight: lighter; */ + font-size: 1.05em; + border-radius: 2px; + margin-top: 10px; } div#concurrenceMessage span { - font-weight: bold; + font-weight: bold; } div#concurrenceMessage a { - font-weight: bold; - color: #fff; + font-weight: bold; + color: #fff; } input.checkboxInput { - float: left; - margin-right: 8px; - vertical-align: middle; + float: left; + margin-right: 8px; + vertical-align: middle; } label.checkboxLabel { - display: block; - font-weight: normal; + display: block; + font-weight: normal; } -input.checkboxInput, label.checkboxLabel { - line-height: 19px; +input.checkboxInput, +label.checkboxLabel { + line-height: 19px; } input.checkboxInput-vertical { - float: left; + float: left; } hr { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } /** Expandable Block **/ .expandableBlock .blockTitle { - cursor: pointer; - font-family: 'Open Sans'; - padding-left: 20px; - background-repeat: no-repeat; - background-position: -5px 2px; + cursor: pointer; + font-family: 'Open Sans'; + padding-left: 20px; + background-repeat: no-repeat; + background-position: -5px 2px; } .expandableBlock .blockTitle span.index { - padding: 1px 7px; - background-color: #ccc; - border-radius: 4px; - /* width: 23px; */ - text-align: center; - display: inline-block; - /* text-shadow: 1px 1px 2px #b5b4b4; */ - margin-right: 0px; - vertical-align: middle; - /* height: 19px; */ - font-size: 75%; - font-weight: 700; - line-height: 17px; + padding: 1px 7px; + background-color: #ccc; + border-radius: 4px; + /* width: 23px; */ + text-align: center; + display: inline-block; + /* text-shadow: 1px 1px 2px #b5b4b4; */ + margin-right: 0px; + vertical-align: middle; + /* height: 19px; */ + font-size: 75%; + font-weight: 700; + line-height: 17px; } .expandableBlock .blockTitle span.index.ppa { - background-color: #f1c40f; + background-color: #f1c40f; } .expandableBlock .blockTitle.opened { - /* opacity: 0.5; */ - background-image: url(../../global/images/arrow-up.png); + /* opacity: 0.5; */ + background-image: url(../../global/images/arrow-up.png); } .expandableBlock .blockTitle.closed { - background-image: url(../../global/images/arrow-down.png); + background-image: url(../../global/images/arrow-down.png); } .expandableBlock .blockTitle small { - color: #389b98; + color: #389b98; } .expandableBlock .blockContent { - padding: 0 6px 20px 6px; + padding: 0 6px 20px 6px; } .button-float { - position: absolute; - bottom: 1px; - right: 1em; - height: 25px; + position: absolute; + bottom: 1px; + right: 1em; + height: 25px; } #draggable-button { - background-color: #fff; - left: 1em; - bottom: 1em; - position: fixed; - font-weight: bold; - padding: 6px 10px 4px 10px; - border-radius: 50%; - cursor: move; - box-shadow: 0px 0px 3px #5e5e5e; - z-index: 1001; - width: 70px; - height: 70px; - text-align: center; + background-color: #fff; + left: 1em; + bottom: 1em; + position: fixed; + font-weight: bold; + padding: 6px 10px 4px 10px; + border-radius: 50%; + cursor: move; + box-shadow: 0px 0px 3px #5e5e5e; + z-index: 1001; + width: 70px; + height: 70px; + text-align: center; } #draggable-button p { - cursor: pointer; - margin: 0; - line-height: 17px; + cursor: pointer; + margin: 0; + line-height: 17px; } -#draggable-button img{ - cursor: pointer; - width: 37px; - margin-top: 3px +#draggable-button img { + cursor: pointer; + width: 37px; + margin-top: 3px } #concurrenceBlock { - height: 100%; - width: 100%; - position: absolute; - z-index: 1000; + height: 100%; + width: 100%; + position: absolute; + z-index: 1000; } #concurrenceBlock .layer { - background-color: #fff; - opacity: 0.7; - height: 100%; - width: 100%; - position: absolute; - margin-top: 5px; + background-color: #fff; + opacity: 0.7; + height: 100%; + width: 100%; + position: absolute; + margin-top: 5px; } #concurrenceBlock .content { - font-size: 1.5em; - padding: 2% 2%; - position: absolute; - background: #fff; - text-shadow: 1px 1px 2px #ffffff; - width: 67%; - border-radius: 10%; - margin: 75px auto; - left: 0; - right: 0; + font-size: 1.5em; + padding: 2% 2%; + position: absolute; + background: #fff; + text-shadow: 1px 1px 2px #ffffff; + width: 67%; + border-radius: 10%; + margin: 75px auto; + left: 0; + right: 0; } .inputFile { - /* background: #f1f1f1; */ - border: 1px dashed #d6d6d6; - border-radius: 2px; - padding: 0px 5px; - display: inline-block; - width: initial !important; - margin: 5px 0 !important; + /* background: #f1f1f1; */ + border: 1px dashed #d6d6d6; + border-radius: 2px; + padding: 0px 5px; + display: inline-block; + width: initial !important; + margin: 5px 0 !important; } .sectionColor { - width: 5px; - height: 30px; - float: left; - margin-right: 9px; + width: 5px; + height: 30px; + float: left; + margin-right: 9px; } span.programTag { - display: block; - /* color: #4a4a4a; */ - border-bottom: 3px solid; - /* border-bottom: 1px solid; */ - /* border-right: 1px solid; */ - /* border-top: 1px solid; */ - background: #f4f4f4; - border-radius: 1px; - padding: 0px 6px; - margin-right: 0px; - margin-bottom: 6px; - font-size: 0.9em; - cursor: pointer; - opacity: 0.9; - float: left; - margin-left: 1px; - line-height: 1.8em; - margin-top: 3px; + display: block; + /* color: #4a4a4a; */ + border-bottom: 3px solid; + /* border-bottom: 1px solid; */ + /* border-right: 1px solid; */ + /* border-top: 1px solid; */ + background: #f4f4f4; + border-radius: 1px; + padding: 0px 6px; + margin-right: 0px; + margin-bottom: 6px; + font-size: 0.9em; + cursor: pointer; + opacity: 0.9; + float: left; + margin-left: 1px; + line-height: 1.8em; + margin-top: 3px; } .subMainMenu { - background: #f5f5f5; - margin-bottom: 10px; + background: #f5f5f5; + margin-bottom: 10px; } .footer { - background: #0b5da6 url("./../../global/images/footerBackground.png") repeat-x 0 0; - margin-top: 100px; - padding-bottom: 35px; + background: #0b5da6 url("./../../global/images/footerBackground.png") repeat-x 0 0; + margin-top: 100px; + padding-bottom: 35px; } .footer:before { - background: url("./../../global/images/tract.png"),url("./../../global/images/tract.png"),url("./../../global/images/tract.png"); - display: block; - content: ""; - position: relative; - top: -40px; - width: 100%; - height: 40px; - background-repeat: no-repeat; - background-position: center 0, center 56px,center 112px, center 168px, center 224px; + background: url("./../../global/images/tract.png"), url("./../../global/images/tract.png"), url("./../../global/images/tract.png"); + display: block; + content: ""; + position: relative; + top: -40px; + width: 100%; + height: 40px; + background-repeat: no-repeat; + background-position: center 0, center 56px, center 112px, center 168px, center 224px; } .footer ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .footer ul li { - list-style: none; - opacity: 0.7; - line-height: 1.4em; + list-style: none; + opacity: 0.7; + line-height: 1.4em; } .infoLinks a { - color: white; + color: white; } .copyRight { - font-size: 0.8em; - padding-top: 20px; - /* text-align: center; */ - padding-bottom: 10px; + font-size: 0.8em; + padding-top: 20px; + /* text-align: center; */ + padding-bottom: 10px; } .glossary a { - color: white; - font-weight: 700; - font-size: 1.1em; - text-decoration: underline; + color: white; + font-weight: 700; + font-size: 1.1em; + text-decoration: underline; } .contact { - font-size: 0.9em; + font-size: 0.9em; } textarea { - resize: none; + resize: none; } input.fieldChecked { - background: url(../../../marlo-web/global/images/icon-check-tiny.png) no-repeat; - background-position: 97% 50%; - background-size: 12px; - border-color: #8ea786 !important; - color: #8ea786 !important; + background: url(../../../marlo-web/global/images/icon-check-tiny.png) no-repeat; + background-position: 97% 50%; + background-size: 12px; + border-color: #8ea786 !important; + color: #8ea786 !important; } #glossary hr { - margin-top: 25px; - margin-bottom: 20px; + margin-top: 25px; + margin-bottom: 20px; } .introjs-hint-pulse { - background: rgba(255, 0, 0, 0.89); + background: rgba(255, 0, 0, 0.89); } .introjs-hint-dot { - background: rgb(148, 19, 19); + background: rgb(148, 19, 19); } span.errorTag { - position: absolute; - text-align: center; - color: rgb(148, 125, 3); - background: url(./../../global/images/errorTag.png); - background-size: 100% 100%; - width: 50px; - cursor: help; - height: 22px; - padding: 3px; - z-index: 99; + position: absolute; + text-align: center; + color: rgb(148, 125, 3); + background: url(./../../global/images/errorTag.png); + background-size: 100% 100%; + width: 50px; + cursor: help; + height: 22px; + padding: 3px; + z-index: 99; } .program-block { - position: relative; + position: relative; } .missingSelect { - border-bottom: 1px solid #F44; - border-radius: 6px; + border-bottom: 1px solid #F44; + border-radius: 6px; } .missingSelect .select2-container--default .select2-selection--single { - border: 1px solid #F44; + border: 1px solid #F44; } div#projectsList { - position: relative; + position: relative; } .glossary a:hover { - color: #e7e7e7; + color: #e7e7e7; } .helpText { - margin-bottom: 10px; + margin-bottom: 10px; } div#projectPartnersBlock { - position: relative; + position: relative; } .removeHelp { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - color: #aaa; + position: absolute; + top: 0; + right: 0; + cursor: pointer; + color: #aaa; } /** PACE - Loader **/ .pace { - -webkit-pointer-events: none; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } .pace-inactive { - display: none; + display: none; } .pace .pace-progress { - background: #29d; - position: fixed; - z-index: 2000; - top: 0; - right: 100%; - width: 100%; - height: 2px; + background: #29d; + position: fixed; + z-index: 2000; + top: 0; + right: 100%; + width: 100%; + height: 2px; } .pace .pace-progress-inner { - display: block; - position: absolute; - right: 0px; - width: 100px; - height: 100%; - box-shadow: 0 0 10px #29d, 0 0 5px #29d; - opacity: 1.0; - -webkit-transform: rotate(3deg) translate(0px, -4px); - -moz-transform: rotate(3deg) translate(0px, -4px); - -ms-transform: rotate(3deg) translate(0px, -4px); - -o-transform: rotate(3deg) translate(0px, -4px); - transform: rotate(3deg) translate(0px, -4px); + display: block; + position: absolute; + right: 0px; + width: 100px; + height: 100%; + box-shadow: 0 0 10px #29d, 0 0 5px #29d; + opacity: 1.0; + -webkit-transform: rotate(3deg) translate(0px, -4px); + -moz-transform: rotate(3deg) translate(0px, -4px); + -ms-transform: rotate(3deg) translate(0px, -4px); + -o-transform: rotate(3deg) translate(0px, -4px); + transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { - display: block; - position: fixed; - z-index: 2000; - top: 15px; - right: 15px; - width: 14px; - height: 14px; - border: solid 2px transparent; - border-top-color: #29d; - border-left-color: #29d; - border-radius: 10px; - -webkit-animation: pace-spinner 400ms linear infinite; - -moz-animation: pace-spinner 400ms linear infinite; - -ms-animation: pace-spinner 400ms linear infinite; - -o-animation: pace-spinner 400ms linear infinite; - animation: pace-spinner 400ms linear infinite; + display: block; + position: fixed; + z-index: 2000; + top: 15px; + right: 15px; + width: 14px; + height: 14px; + border: solid 2px transparent; + border-top-color: #29d; + border-left-color: #29d; + border-radius: 10px; + -webkit-animation: pace-spinner 400ms linear infinite; + -moz-animation: pace-spinner 400ms linear infinite; + -ms-animation: pace-spinner 400ms linear infinite; + -o-animation: pace-spinner 400ms linear infinite; + animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @-moz-keyframes pace-spinner { - 0% { - -moz-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -moz-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -moz-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -moz-transform: rotate(360deg); + transform: rotate(360deg); + } } @-o-keyframes pace-spinner { - 0% { - -o-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -o-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -o-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -o-transform: rotate(360deg); + transform: rotate(360deg); + } } @-ms-keyframes pace-spinner { - 0% { - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } } @keyframes pace-spinner { - 0% { - transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + transform: rotate(360deg); + transform: rotate(360deg); + } } span#lastUpdateMessage { - font-style: italic; - color: #8e8e8e; + font-style: italic; + color: #8e8e8e; } /* Dropzone */ .dropzone { - min-height: 70px !important; - padding: 0; - border: 2px dashed #ccc; + min-height: 70px !important; + padding: 0; + border: 2px dashed #ccc; } .dropzone .dz-preview { - min-height: 18px; - margin: 4px !important; - width: 100%; + min-height: 18px; + margin: 4px !important; + width: 100%; } .dz-size { - display: none; + display: none; } .dz-image { - width: 98% !important; - height: 20px !important; - border-radius: 5px !important; + width: 98% !important; + height: 20px !important; + border-radius: 5px !important; } .dz-details { - padding: 0 !important; - margin: 0; + padding: 0 !important; + margin: 0; } .dz-error-mark { - left: 100% !important; + left: 100% !important; } /* Progress bar */ .bar { - height: 18px; - background: green; + height: 18px; + background: green; } #mainMenu .menuContent ul li.disabled a { - color: #c7c7c7; + color: #c7c7c7; } /****** Style Star Rating Widget *****/ .rating { - border: none; - float: left; + border: none; + float: left; } -.rating > input { - display: none; +.rating>input { + display: none; } -.rating > label:before { - margin: 5px; - font-size: 1.25em; - font-family: FontAwesome; - display: inline-block; - content: "\f005"; +.rating>label:before { + margin: 5px; + font-size: 1.25em; + font-family: FontAwesome; + display: inline-block; + content: "\f005"; } -.rating > .half:before { - content: "\f089"; - position: absolute; +.rating>.half:before { + content: "\f089"; + position: absolute; } -.rating > label { - color: #ddd; - float: right; +.rating>label { + color: #ddd; + float: right; } -.rating > input:checked ~ label, /* show gold star when clicked */ -.rating:not(:checked) > label:hover, /* hover current star */ -.rating:not(:checked) > label:hover ~ label { - color: #FFD700; +.rating>input:checked~label, +/* show gold star when clicked */ +.rating:not(:checked)>label:hover, +/* hover current star */ +.rating:not(:checked)>label:hover~label { + color: #FFD700; } /* hover previous stars in list */ -.rating > input:checked + label:hover, /* hover current star when changing rating */ -.rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ -.rating > input:checked ~ label:hover ~ label { - color: #FFED85; +.rating>input:checked+label:hover, +/* hover current star when changing rating */ +.rating>input:checked~label:hover, +.rating>label:hover~input:checked~label, +/* lighten current selection */ +.rating>input:checked~label:hover~label { + color: #FFED85; } .dottedBox { - border: 1px dotted #ccc; + border: 1px dotted #ccc; } #fundingID-quote { - background-image: url(../../global/images/fundingSources-icon.png); + background-image: url(../../global/images/fundingSources-icon.png); } #fundingID-quote p { - line-height: 29px; - margin: 0; + line-height: 29px; + margin: 0; } .selectDesc { - margin-top: 2px; - font-size: 80%; - line-height: 13px; - display: block; - font-style: italic; + margin-top: 2px; + font-size: 80%; + line-height: 13px; + display: block; + font-style: italic; } /* Tighten up space between multiple callouts */ -.bs-callout + .bs-callout { - margin-top: -5px; +.bs-callout+.bs-callout { + margin-top: -5px; } /* Variations */ .bs-callout-danger { - border-left-color: #ce4844; + border-left-color: #ce4844; } .bs-callout-danger h4 { - color: #ce4844; + color: #ce4844; } .bs-callout-warning { - border-left-color: #aa6708; + border-left-color: #aa6708; } .bs-callout-warning h4 { - color: #aa6708; + color: #aa6708; } .bs-callout-info { - border-left-color: #1b809e; + border-left-color: #1b809e; } .bs-callout-info h4 { - color: #1b809e; + color: #1b809e; } img.removeInput { - cursor: pointer; + cursor: pointer; } .blue { - color: #337ab7; + color: #337ab7; } /* Radio */ .inputsFlat input[type="radio"] { - position: absolute; - opacity: 0; + position: absolute; + opacity: 0; } -.inputsFlat input[type="radio"] + .radio-label { - margin: 0 !important; - padding: 0px 10px !important; +.inputsFlat input[type="radio"]+.radio-label { + margin: 0 !important; + padding: 0px 10px !important; } -.inputsFlat input[type="radio"] + .radio-label:before { - content: ''; - background: #f4f4f4; - border-radius: 100%; - border: 1px solid #b4b4b4; - display: inline-block; - width: 1.2em; - height: 1.2em; - position: relative; - /* top: -0.2em; */ - margin-right: 0.3em; - vertical-align: top; - cursor: pointer; - text-align: center; - -webkit-transition: all 250ms ease; - transition: all 250ms ease; +.inputsFlat input[type="radio"]+.radio-label:before { + content: ''; + background: #f4f4f4; + border-radius: 100%; + border: 1px solid #b4b4b4; + display: inline-block; + width: 1.2em; + height: 1.2em; + position: relative; + /* top: -0.2em; */ + margin-right: 0.3em; + vertical-align: top; + cursor: pointer; + text-align: center; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; } -.inputsFlat input[type="radio"]:checked + .radio-label:before { - background-color: #3197EE; - box-shadow: inset 0 0 0 4px #f4f4f4; +.inputsFlat input[type="radio"]:checked+.radio-label:before { + background-color: #3197EE; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.inputsFlat input[type="radio"]:focus + .radio-label:before { - outline: none; - border-color: #3197EE; +.inputsFlat input[type="radio"]:focus+.radio-label:before { + outline: none; + border-color: #3197EE; } /* YES */ -.inputsFlat input[type="radio"]:checked + .radio-label.radio-label-yes:before { - background-color: #4CAF50; - box-shadow: inset 0 0 0 4px #f4f4f4; +.inputsFlat input[type="radio"]:checked+.radio-label.radio-label-yes:before { + background-color: #4CAF50; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.inputsFlat input[type="radio"]:focus + .radio-label.radio-label-yes:before { - outline: none; - border-color: #4CAF50; +.inputsFlat input[type="radio"]:focus+.radio-label.radio-label-yes:before { + outline: none; + border-color: #4CAF50; } /* NO */ -.inputsFlat input[type="radio"]:checked + .radio-label.radio-label-no:before { - background-color: #F44336; - box-shadow: inset 0 0 0 4px #f4f4f4; +.inputsFlat input[type="radio"]:checked+.radio-label.radio-label-no:before { + background-color: #F44336; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.inputsFlat input[type="radio"]:focus + .radio-label.radio-label-no:before { - outline: none; - border-color: #F44336; +.inputsFlat input[type="radio"]:focus+.radio-label.radio-label-no:before { + outline: none; + border-color: #F44336; } -.inputsFlat input[type="radio"]:disabled + .radio-label:before { - box-shadow: inset 0 0 0 4px #f4f4f4; - border-color: #b4b4b4; - background: #b4b4b4; +.inputsFlat input[type="radio"]:disabled+.radio-label:before { + box-shadow: inset 0 0 0 4px #f4f4f4; + border-color: #b4b4b4; + background: #b4b4b4; } -.inputsFlat input[type="radio"] + .radio-label:empty:before { - margin-right: 0; +.inputsFlat input[type="radio"]+.radio-label:empty:before { + margin-right: 0; } /* Checkbox */ p.checkDisable:before { - content: ''; - background: #f4f4f4; - border: 1px solid #e0e0e0; - display: inline-block; - width: 1.2em; - height: 1.2em; - position: relative; - margin-right: 0.3em; - vertical-align: top; - text-align: center; - -webkit-transition: all 250ms ease; - transition: all 250ms ease; - background-color: #bdd3e6; - box-shadow: inset 0 0 0 4px #f4f4f4; + content: ''; + background: #f4f4f4; + border: 1px solid #e0e0e0; + display: inline-block; + width: 1.2em; + height: 1.2em; + position: relative; + margin-right: 0.3em; + vertical-align: top; + text-align: center; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; + background-color: #bdd3e6; + box-shadow: inset 0 0 0 4px #f4f4f4; } .inputsFlat input[type="checkbox"] { - position: absolute; - opacity: 0; + position: absolute; + opacity: 0; } -.inputsFlat input[type="checkbox"] + .checkbox-label { - margin: 0 !important; - /* padding: 0px 10px !important; */ - font-weight: 400; +.inputsFlat input[type="checkbox"]+.checkbox-label { + margin: 0 !important; + /* padding: 0px 10px !important; */ + font-weight: 400; } -.inputsFlat input[type="checkbox"] + .checkbox-label:before { - content: ''; - background: #f4f4f4; - border: 1px solid #b4b4b4; - display: inline-block; - width: 1.2em; - height: 1.2em; - position: relative; - /* top: -0.2em; */ - margin-right: 0.3em; - vertical-align: top; - cursor: pointer; - text-align: center; - -webkit-transition: all 250ms ease; - transition: all 250ms ease; +.inputsFlat input[type="checkbox"]+.checkbox-label:before { + content: ''; + background: #f4f4f4; + border: 1px solid #b4b4b4; + display: inline-block; + width: 1.2em; + height: 1.2em; + position: relative; + /* top: -0.2em; */ + margin-right: 0.3em; + vertical-align: top; + cursor: pointer; + text-align: center; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; } -.inputsFlat input[type="checkbox"]:checked + .checkbox-label:before { - background-color: #3197EE; - box-shadow: inset 0 0 0 4px #f4f4f4; +.inputsFlat input[type="checkbox"]:checked+.checkbox-label:before { + background-color: #3197EE; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.inputsFlat input[type="checkbox"]:focus + .checkbox-label:before { - outline: none; - border-color: #3197EE; +.inputsFlat input[type="checkbox"]:focus+.checkbox-label:before { + outline: none; + border-color: #3197EE; } -.inputsFlat input[type="checkbox"]:disabled + .checkbox-label:before { - box-shadow: inset 0 0 0 4px #f4f4f4; - border-color: #b4b4b4; - background: #b4b4b4; +.inputsFlat input[type="checkbox"]:disabled+.checkbox-label:before { + box-shadow: inset 0 0 0 4px #f4f4f4; + border-color: #b4b4b4; + background: #b4b4b4; } -.inputsFlat input[type="checkbox"] + .checkbox-label:empty:before { - margin-right: 0; +.inputsFlat input[type="checkbox"]+.checkbox-label:empty:before { + margin-right: 0; } /* News Button */ .newsButton a { - position: relative; - padding: 1px 15px; - border-radius: 6px; - font-size: 0.9em; - border: 1px solid #f7f7f7; - box-shadow: 0px 1px 3px #c5c5c5; - background-color: #fff; + position: relative; + padding: 1px 15px; + border-radius: 6px; + font-size: 0.9em; + border: 1px solid #f7f7f7; + box-shadow: 0px 1px 3px #c5c5c5; + background-color: #fff; } .newsButton b { - font-weight: bolder; + font-weight: bolder; } .usersFound { - max-height: 220px!important; + max-height: 220px !important; } .error-info { - background-color: #f2dede; - border-color: #ebccd1; - color: #a94442; - padding: 3px 10px; - border-radius: 4px; - text-align: center; + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442; + padding: 3px 10px; + border-radius: 4px; + text-align: center; } .newsButton { - position: absolute; - right: 1%; - bottom: 10%; - cursor: pointer; + position: absolute; + right: 1%; + bottom: 10%; + cursor: pointer; } .newsButton a { - color: #467eaf !important; + color: #467eaf !important; } #loginFormContainer .tab-pane { - padding: 12px 0px; + padding: 12px 0px; } #loginFormContainer .nav>li { - width: 33%; + width: 33%; } #loginFormContainer .nav>li a { - background: #f7f7f7; - border-radius: 0; - box-shadow: 0px 1px 2px #ccc; - padding: 5% 0%; - text-align: center; + background: #f7f7f7; + border-radius: 0; + box-shadow: 0px 1px 2px #ccc; + padding: 5% 0%; + text-align: center; } #loginFormContainer .nav>li.active a { - background: #1b84ab; - border-radius: 0; - color: #fff; + background: #1b84ab; + border-radius: 0; + color: #fff; } #loginFormContainer .nav-tabs { - border: 0; + border: 0; } .note.testerMessage { - padding: 12px 21px; + padding: 12px 21px; } img#crpSelectedImage { - max-width: 300px; - width: 100%; + max-width: 300px; + width: 100%; } /* Date Picker label*/ .dateLabel { - display: block; - height: 1.8em; - line-height: 0.95em; - text-align: left; - background: url(../../global/images/calendar.png) no-repeat scroll 99% 2px; + display: block; + height: 1.8em; + line-height: 0.95em; + text-align: left; + background: url(../../global/images/calendar.png) no-repeat scroll 99% 2px; } p.dateLabel.fieldError { - border-color: #F52626 !important; - color: #F52626 !important; + border-color: #F52626 !important; + color: #F52626 !important; } .dateLabel.disabled { - background-color: #eee; - opacity: 1; + background-color: #eee; + opacity: 1; } .clearDate { - cursor: pointer; + cursor: pointer; } /* Radio Flat*/ div.radioFlat { - /* padding-left: 5px; */ + /* padding-left: 5px; */ } -.radioFlat input[type="radio"], .button-wrap input[type="radio"] { - position: absolute; - opacity: 0; +.radioFlat input[type="radio"], +.button-wrap input[type="radio"] { + position: absolute; + opacity: 0; } -.radioFlat input[type="radio"] + .radio-label:before { - content: ''; - background: #f4f4f4; - border-radius: 100%; - border: 1px solid #b4b4b4; - display: inline-block; - width: 1.2em; - height: 1.2em; - position: relative; - /* top: -0.2em; */ - left: 0.1em; - margin-right: 0.3em; - vertical-align: top; - cursor: pointer; - text-align: center; - -webkit-transition: all 250ms ease; - transition: all 250ms ease; +.radioFlat input[type="radio"]+.radio-label:before { + content: ''; + background: #f4f4f4; + border-radius: 100%; + border: 1px solid #b4b4b4; + display: inline-block; + width: 1.2em; + height: 1.2em; + position: relative; + /* top: -0.2em; */ + left: 0.1em; + margin-right: 0.3em; + vertical-align: top; + cursor: pointer; + text-align: center; + -webkit-transition: all 250ms ease; + transition: all 250ms ease; } -.radioFlat input[type="radio"]:checked + .radio-label:before { - background-color: #3197EE; - box-shadow: inset 0 0 0 4px #f4f4f4; +.radioFlat input[type="radio"]:checked+.radio-label:before { + background-color: #3197EE; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.radioFlat input[type="radio"]:focus + .radio-label:before { - outline: none; - border-color: #3197EE; +.radioFlat input[type="radio"]:focus+.radio-label:before { + outline: none; + border-color: #3197EE; } /* YES */ -.radioFlat input[type="radio"]:checked + .radio-label.radio-label-yes:before { - background-color: #4CAF50; - box-shadow: inset 0 0 0 4px #f4f4f4; +.radioFlat input[type="radio"]:checked+.radio-label.radio-label-yes:before { + background-color: #4CAF50; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.radioFlat input[type="radio"]:focus + .radio-label.radio-label-yes:before { - outline: none; - border-color: #4CAF50; +.radioFlat input[type="radio"]:focus+.radio-label.radio-label-yes:before { + outline: none; + border-color: #4CAF50; } /* NO */ -.radioFlat input[type="radio"]:checked + .radio-label.radio-label-no:before { - background-color: #F44336; - box-shadow: inset 0 0 0 4px #f4f4f4; +.radioFlat input[type="radio"]:checked+.radio-label.radio-label-no:before { + background-color: #F44336; + box-shadow: inset 0 0 0 4px #f4f4f4; } -.radioFlat input[type="radio"]:focus + .radio-label.radio-label-no:before { - outline: none; - border-color: #F44336; +.radioFlat input[type="radio"]:focus+.radio-label.radio-label-no:before { + outline: none; + border-color: #F44336; } -.radio input[type="radio"]:disabled + .radio-label:before { - box-shadow: inset 0 0 0 4px #f4f4f4; - border-color: #b4b4b4; - background: #b4b4b4; +.radio input[type="radio"]:disabled+.radio-label:before { + box-shadow: inset 0 0 0 4px #f4f4f4; + border-color: #b4b4b4; + background: #b4b4b4; } -.radio input[type="radio"] + .radio-label:empty:before { - margin-right: 0; +.radio input[type="radio"]+.radio-label:empty:before { + margin-right: 0; } .col-center { - float: none; - margin: 0 auto; + float: none; + margin: 0 auto; } /* END Radio Flat*/ .elementRelations { - margin: 7px 0 0 15px; + margin: 7px 0 0 15px; } .elementRelations.ProjectBudget { - padding: 0 7px 15px 0; + padding: 0 7px 15px 0; } /* Select2 show and hide animation in dropdowns*/ -.select2-results__option.loading-results, .select2-results__option.select2-results__option--load-more { - display: inline; - position: relative; - -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; - animation: sk-scaleout 1.0s infinite ease-in-out; - border-style: none; +.select2-results__option.loading-results, +.select2-results__option.select2-results__option--load-more { + display: inline; + position: relative; + -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; + animation: sk-scaleout 1.0s infinite ease-in-out; + border-style: none; } @-webkit-keyframes sk-scaleout { - 0% { - -webkit-transform: scale(0) - } + 0% { + -webkit-transform: scale(0) + } - 100% { - -webkit-transform: scale(1.0); - opacity: 0; - } + 100% { + -webkit-transform: scale(1.0); + opacity: 0; + } } @keyframes sk-scaleout { - 0% { - -webkit-transform: scale(0); - transform: scale(0); - } + 0% { + -webkit-transform: scale(0); + transform: scale(0); + } - 100% { - -webkit-transform: scale(1.0); - transform: scale(1.0); - opacity: 0; - } + 100% { + -webkit-transform: scale(1.0); + transform: scale(1.0); + opacity: 0; + } } -/* Datatables button*/.dt-buttons{ - height: 33px; +/* Datatables button*/ +.dt-buttons { + height: 33px; } a.dt-button { - padding: 0px 10px; - border: 1px solid #ccc; - border-radius: 2px; - margin-right: 3px; - background: #fff; + padding: 0px 10px; + border: 1px solid #ccc; + border-radius: 2px; + margin-right: 3px; + background: #fff; } a.dt-button.exportCSV { - padding: 9px 12px; - margin: 0; + padding: 9px 12px; + margin: 0; } i.helpLabel { - font-weight: normal; - font-size: 0.9em; - opacity: 0.7; + font-weight: normal; + font-size: 0.9em; + opacity: 0.7; } span.listTag { - background: #f1f1f1; - border: 1px solid #e0e0e0; - border-radius: 3px; - padding: 1px 4px; - margin: 0 2px 3px 0; - font-size: 0.95em; - display: inline-block; + background: #f1f1f1; + border: 1px solid #e0e0e0; + border-radius: 3px; + padding: 1px 4px; + margin: 0 2px 3px 0; + font-size: 0.95em; + display: inline-block; } a.form-button.button-history { - background-color: #2BA6CB; - border-bottom: 3px solid #1E94B8; + background-color: #2BA6CB; + border-bottom: 3px solid #1E94B8; } .font-italic { - font-style: italic; - font-weight: normal; + font-style: italic; + font-weight: normal; } .font-normal { - font-weight: normal !important; + font-weight: normal !important; } .under-construction-icon { - margin-left: 5px; + margin-left: 5px; } .overlay { - position: absolute; - background-color: #fff; - height: 100%; - width: 100%; - z-index: 99; - opacity: 0.4; + position: absolute; + background-color: #fff; + height: 100%; + width: 100%; + z-index: 99; + opacity: 0.4; } span.doc-badge { - border: 1px dotted #c3c1c1; - padding: 1px 8px; - font-size: 0.75em; - border-radius: 2px; - background-color: #f5f5f5; - color: #8a8a8a; - margin-left: 3px; + border: 1px dotted #c3c1c1; + padding: 1px 8px; + font-size: 0.75em; + border-radius: 2px; + background-color: #f5f5f5; + color: #8a8a8a; + margin-left: 3px; } .no-sort::after { - display: none!important; + display: none !important; } .no-sort { - pointer-events: none!important; - cursor: default!important; + pointer-events: none !important; + cursor: default !important; } .removeJustification { - display: block !important; - width: 100% !important; + display: block !important; + width: 100% !important; } i.authorVisibles {} #helpViewMoreLink { - cursor: pointer; + cursor: pointer; } button.btn.btn-primary { - border-radius: 2px; - background-color: #298bb1; - border: 0; - border-bottom: 2px solid; - border-color: #267d9e; + border-radius: 2px; + background-color: #298bb1; + border: 0; + border-bottom: 2px solid; + border-color: #267d9e; } article#mainInformation { - min-height: 100px; + min-height: 100px; } .trashIcon { - cursor: pointer; - display: inline-block; - height: 21px; - width: 21px; - background-image: url(../../global/images/trash.png); + cursor: pointer; + display: inline-block; + height: 21px; + width: 21px; + background-image: url(../../global/images/trash.png); } .trashIcon.icon-disabled { - cursor: auto; - opacity: 0.5 !important; + cursor: auto; + opacity: 0.5 !important; } .icon-loading { - background-image: url(../../global/images/loading_3.gif) !important; + background-image: url(../../global/images/loading_3.gif) !important; } .text-bold { - font-weight: 500 !important; + font-weight: 500 !important; } -div.selectPrimary{ - padding: 1px 24px 0px 6px; - border-radius: 2px; - margin-bottom: 5px; - position: relative; - display: grid; - grid-auto-rows: auto; +div.selectPrimary { + padding: 1px 24px 0px 6px; + border-radius: 2px; + margin-bottom: 5px; + position: relative; + display: grid; + grid-auto-rows: auto; } -.primary-radio { - position: absolute; - top: 50%; - transform: translateY(-50%); - padding-top: 5px +.primary-radio { + position: absolute; + top: 50%; + transform: translateY(-50%); + padding-top: 5px } .primary-list { - margin-bottom: 0px; + margin-bottom: 0px; } .primary-label { - font-size: 10px + font-size: 10px } .primary-element { - height: 1em; - width: 1em; - border-radius: 100%; - margin-left: 1.5em; - margin-bottom: 0.6em; - color: #57a7b5; + height: 1em; + width: 1em; + border-radius: 100%; + margin-left: 1.5em; + margin-bottom: 0.6em; + color: #57a7b5; } /*.menuContent #bi::before{ @@ -7185,551 +7299,562 @@ div.selectPrimary{ border-radius: 0em 0em 0.3em 0.3em; }*/ -li.currentSection#bi::before{ - color: #127fa8; +li.currentSection#bi::before { + color: #127fa8; } -.menuContent.positionFixedTop #bi::before{ - font-size: 5px; - padding: 0.3em 2.5em 0.3em 2.5em; - border-radius: 0em 0em 0.3em 0.3em; +.menuContent.positionFixedTop #bi::before { + font-size: 5px; + padding: 0.3em 2.5em 0.3em 2.5em; + border-radius: 0em 0em 0.3em 0.3em; } -.slo-contribution-section{ - border: 1px solid #D1D1D1; - padding: 9px 22px 9px 22px; - margin: 2px 0px 5px 0; - border-radius: 4px; - position: relative; - transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); - background: #fff; +.slo-contribution-section { + border: 1px solid #D1D1D1; + padding: 9px 22px 9px 22px; + margin: 2px 0px 5px 0; + border-radius: 4px; + position: relative; + transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); + background: #fff; } .uploadPDFTitleContainer { - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; + display: flex; + flex-flow: column; + align-items: center; + justify-content: center; } img.fileIcon { - padding: 5px; - width: 45px; + padding: 5px; + width: 45px; } .input-container { - display: flex; - align-items: baseline; + display: flex; + align-items: baseline; } -.feedback-flex-items.radioFlat-flex{ - display: inline-flex !important; +.feedback-flex-items.radioFlat-flex { + display: inline-flex !important; } -.feedback-flex-items{ - display: flex; - align-items: center; +.feedback-flex-items { + display: flex; + align-items: center; } + .feedback-flex-items .fieldReference .button-wrap { - display: flex; + display: flex; } -.feedback-flex-items .select, .feedback-flex-items .input{ - width: 100% !important; + +.feedback-flex-items .select, +.feedback-flex-items .input { + width: 100% !important; } -.feedback-flex-items .fieldReference{ - width: 100% !important; +.feedback-flex-items .fieldReference { + width: 100% !important; } .fieldReference .select2 { - width: 100% !important; + width: 100% !important; } -.fieldReference{ - width: 100% !important; + +.fieldReference { + width: 100% !important; } .text-area-container { - display: flex; - align-items: center; + display: flex; + align-items: center; } .text-area-container .input { - width: 100%; + width: 100%; } .commentNumberContainer { - display: none; - flex-flow: column; - align-items: center; - position: relative; + display: none; + flex-flow: column; + align-items: center; + position: relative; } .numberOfCommentsBubble { - margin: 5px; - font-weight: 400; - position: absolute; - top: -38px; - transform: translateX(calc(-50% - 3px)); - left: 50%; + margin: 5px; + font-weight: 400; + position: absolute; + top: -38px; + transform: translateX(calc(-50% - 3px)); + left: 50%; } .numberOfCommentsBubble p { - /* position: absolute; + /* position: absolute; top: 0; left: 0; */ - background: #ffffff; - border-radius: 100px; - box-shadow: 0px 0px 7px #b3b3b3; - display: none; - font-size: 10px; - text-align: center; - margin: 0; - padding: 5px; - color: #797979; - font-weight: 700; - border: 2px solid #ffffff00; + background: #ffffff; + border-radius: 100px; + box-shadow: 0px 0px 7px #b3b3b3; + display: none; + font-size: 10px; + text-align: center; + margin: 0; + padding: 5px; + color: #797979; + font-weight: 700; + border: 2px solid #ffffff00; } img.qaComment { - display: none; - width: 25px; - cursor: pointer; - margin-left: 5px; + display: none; + width: 25px; + cursor: pointer; + margin-left: 5px; } img.qaCommentStatus { - width: 25px; - margin-right: 5px; + width: 25px; + margin-right: 5px; } -.containerQaPopup{ - display: none; - position: absolute; - width: 480; - z-index: 1000; - min-width: 480px; - max-width: 480px; - box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 30%); - background: #F5F5F5; - border-radius: 10px; +.containerQaPopup { + display: none; + position: absolute; + width: 480; + z-index: 1000; + min-width: 480px; + max-width: 480px; + box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 30%); + background: #F5F5F5; + border-radius: 10px; } -.containerLeftComment textarea{ - min-height: 2.5em !important; - border-radius: 10px; +.containerLeftComment textarea { + min-height: 2.5em !important; + border-radius: 10px; } -.headerQaPopup{ - width: 100%; - height: 30px; - background: #0b5da6; - display: flex; - border-radius: 7px 7px 0px 0px; +.headerQaPopup { + width: 100%; + height: 30px; + background: #0b5da6; + display: flex; + border-radius: 7px 7px 0px 0px; } -.headerQaPopup img{ - width: 36px; +.headerQaPopup img { + width: 36px; } -#qaPopup, .qaPopup { - /* display: none; */ - /* position: absolute; */ - /* width: 25%; */ - max-height: 500px; - padding: 10px; - /* background: #F5F5F5; */ - border-radius: 5px; - /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 30%); */ - overflow-y: scroll; - /* z-index: 1000; */ - /* min-width: 435px; */ +#qaPopup, +.qaPopup { + /* display: none; */ + /* position: absolute; */ + /* width: 25%; */ + max-height: 500px; + padding: 10px; + /* background: #F5F5F5; */ + border-radius: 5px; + /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 30%); */ + overflow-y: scroll; + /* z-index: 1000; */ + /* min-width: 435px; */ } .qaPopup::-webkit-scrollbar { - width: 20px; + width: 20px; } .qaPopup::-webkit-scrollbar-track { - background-color: transparent; + background-color: transparent; } .qaPopup::-webkit-scrollbar-thumb { - background-color: #d6dee1; - border-radius: 20px; - border: 6px solid transparent; - background-clip: content-box; + background-color: #d6dee1; + border-radius: 20px; + border: 6px solid transparent; + background-clip: content-box; } .qaPopup::-webkit-scrollbar-thumb:hover { - background-color: #a8bbbf; + background-color: #a8bbbf; } -.containerLeftComment{ - display: flex; - background: #E7E7E7; - padding: 10px; - border-radius: 0px 0px 7px 7px; +.containerLeftComment { + display: flex; + background: #E7E7E7; + padding: 10px; + border-radius: 0px 0px 7px 7px; } -.titleQaPopup{ - color: white; - font-weight: 600; - padding-top: 5px; - padding-left: 10px; +.titleQaPopup { + color: white; + font-weight: 600; + padding-top: 5px; + padding-left: 10px; } .commentCheckContainer { - display: flex; - padding-right: 28px; - padding-left: 15px; + display: flex; + padding-right: 28px; + padding-left: 15px; } -.deleteReplyBtn{ - padding: 6px; - background-color: #dd5555; - color: white; - border-radius: 100px; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - height: max-content; -} - -.deleteCommentBtn{ - padding: 6px; - background-color: #dd5555; - color: white; - border-radius: 100px; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - height: max-content; - /* position: absolute; +.deleteReplyBtn { + padding: 6px; + background-color: #dd5555; + color: white; + border-radius: 100px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + height: max-content; +} + +.deleteCommentBtn { + padding: 6px; + background-color: #dd5555; + color: white; + border-radius: 100px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + height: max-content; + /* position: absolute; right: 0; bottom: 0; */ } -.commentContainer{ - position: relative; +.commentContainer { + position: relative; } -.commentContainer, .replyTextContainer { - display: none; - width: 100%; - background: white; - border: 1px solid #D1D1D1; - border-radius: 3px; +.commentContainer, +.replyTextContainer { + display: none; + width: 100%; + background: white; + border: 1px solid #D1D1D1; + border-radius: 3px; } .replyContainer { - padding-left: 25px; - padding-right: 20px; + padding-left: 25px; + padding-right: 20px; } -.commentTitle{ - padding-right: 37px !important; +.commentTitle { + padding-right: 37px !important; } -.commentTitle, .replyTitle { - width: 100%; - padding: 4px 10px; - background: #0b7ba6; - color: white; - font-size: 13px; - font-weight: 600; - border-radius: 3px 3px 0 0; +.commentTitle, +.replyTitle { + width: 100%; + padding: 4px 10px; + background: #0b7ba6; + color: white; + font-size: 13px; + font-weight: 600; + border-radius: 3px 3px 0 0; } -.commentReadonly, .replyReadonly { - color: black; - font-size: 13px; - padding: 4px 10px; +.commentReadonly, +.replyReadonly { + color: black; + font-size: 13px; + padding: 4px 10px; } -.containerReactionComment{ - width: 100%; - background-color: #ffffffa1; +.containerReactionComment { + width: 100%; + background-color: #ffffffa1; } -.containerReactionComment .reactionComment{ - margin: 0px; - font-size: 12px; - padding: 0px 5px; + +.containerReactionComment .reactionComment { + margin: 0px; + font-size: 12px; + padding: 0px 5px; } .checkContainer { - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; + display: flex; + flex-flow: column; + align-items: center; + justify-content: center; } -.agreeComment, .disagreeComment, .clarificationComment { - display: none; - width: 20px; - margin-left: 3px; +.agreeComment, +.disagreeComment, +.clarificationComment { + display: none; + width: 20px; + margin-left: 3px; } .replyContainer { - display: none; - /* flex-flow: column; */ + display: none; + /* flex-flow: column; */ } .sendCommentContainer { - width: 30px; - height: 30px; - display: flex; - align-items: center; - justify-content: center; - margin-left: 3px; - background-color: #0b7ba6; - border-radius: 50%; - float: right; - place-self: end; - margin-bottom: 19px; - margin-left: 6px; -} - -.sendCommentContainerLoad{ - display: none; - width: 30px; - height: 30px; - align-items: center; - justify-content: center; - margin-left: 3px; - float: right; - place-self: end; - margin-bottom: 19px; - margin-left: 6px; + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 3px; + background-color: #0b7ba6; + border-radius: 50%; + float: right; + place-self: end; + margin-bottom: 19px; + margin-left: 6px; +} + +.sendCommentContainerLoad { + display: none; + width: 30px; + height: 30px; + align-items: center; + justify-content: center; + margin-left: 3px; + float: right; + place-self: end; + margin-bottom: 19px; + margin-left: 6px; } .sentCommentBtn { -width: 15px; -margin-left: 3px; -cursor: pointer; + width: 15px; + margin-left: 3px; + cursor: pointer; } .track_icon { - width: 15px; - position: absolute; - top: 0px; - right: 10px; - cursor: pointer; + width: 15px; + position: absolute; + top: 0px; + right: 10px; + cursor: pointer; } - + .containerSentCommentBtn { - position: absolute; - bottom: 5px !important; - right: -35px; - background: #0b5da6; - border-radius: 50%; - text-align: center; - height: 25px; - width: 25px; - } + position: absolute; + bottom: 5px !important; + right: -35px; + background: #0b5da6; + border-radius: 50%; + text-align: center; + height: 25px; + width: 25px; +} .sendReplyContainer { - width: 30px; - height: 30px; - display: flex; - align-items: center; - justify-content: center; - margin-left: 10px; - background-color: #0b7ba6; - border-radius: 50%; - align-self: center; + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 10px; + background-color: #0b7ba6; + border-radius: 50%; + align-self: center; } .addCommentContainer { - padding-top: 15px; - width: 25px; - height: 25px; - display: none; - align-items: center; - justify-content: center; + padding-top: 15px; + width: 25px; + height: 25px; + display: none; + align-items: center; + justify-content: center; } img.addCommentBlock { - width: 25px; - cursor: pointer; + width: 25px; + cursor: pointer; } img.sendComment { - width: 17px; - margin-left: 4px; - cursor: pointer; - margin-bottom: 1px; + width: 17px; + margin-left: 4px; + cursor: pointer; + margin-bottom: 1px; } .buttonsContainer { - display: none; - width: 100%; - height: 20px; - margin-top: 5px; - padding-right: 28px; + display: none; + width: 100%; + height: 20px; + margin-top: 5px; + padding-right: 28px; } .optionsContainer { - position: relative; - display: none; - float: right; + position: relative; + display: none; + float: right; } img.qaOptions { - width: 20px; - margin-left: 3px; - cursor: pointer; + width: 20px; + margin-left: 3px; + cursor: pointer; } img.qaOptionsComment { - width: 22px; - margin-left: 3px; - cursor: pointer; + width: 22px; + margin-left: 3px; + cursor: pointer; } .closeComment { - width: 15px; - /* height: 15px; */ - /* background: url(../images/close.png); */ - /* background-size: 15px; */ - /* float: right; */ - cursor: pointer; - object-fit: contain; - position: absolute; - right: 30px; - top: 4px; + width: 15px; + /* height: 15px; */ + /* background: url(../images/close.png); */ + /* background-size: 15px; */ + /* float: right; */ + cursor: pointer; + object-fit: contain; + position: absolute; + right: 30px; + top: 4px; } .closeComment:hover { - /* background: url(../images/close_red.png); */ - /* background-size: 15px; */ + /* background: url(../images/close_red.png); */ + /* background-size: 15px; */ } .legendContent-global { - position: relative; - -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 30%); - -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); - -moz-border-radius: 2px; - border-radius: 2px; - padding: 5px; - border: 1px solid #EEE; - background: #F8F8F8; - margin-bottom: 25px; - height: 100%; + position: relative; + -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 30%); + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + -moz-border-radius: 2px; + border-radius: 2px; + padding: 5px; + border: 1px solid #EEE; + background: #F8F8F8; + margin-bottom: 25px; + height: 100%; } .legendContent-global .colors-global { - border: 1px dashed #d5d5d5; - padding: 5px; - min-height: 77px; + border: 1px dashed #d5d5d5; + padding: 5px; + min-height: 77px; } -.containerAlert{ - display: flex; - position: relative; - border-radius: 9px 0px 0px 9px; - align-items: center; - justify-content: center; +.containerAlert { + display: flex; + position: relative; + border-radius: 9px 0px 0px 9px; + align-items: center; + justify-content: center; } -.containerLine{ - width: 7px; - position: absolute; - left: 0; - top:0px; - height: 100%; - border-radius: 7px 0px 0px 7px; +.containerLine { + width: 7px; + position: absolute; + left: 0; + top: 0px; + height: 100%; + border-radius: 7px 0px 0px 7px; } -.containerIcon{ - height: 100%; - display: flex; - align-items: center; - height: 100%; - margin: 7px 0px; +.containerIcon { + height: 100%; + display: flex; + align-items: center; + height: 100%; + margin: 7px 0px; } -.containerIcon{ - min-width: 40px; - border-radius: 100%; - margin-left: 10px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; +.containerIcon { + min-width: 40px; + border-radius: 100%; + margin-left: 10px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; } -.containerIcon img{ - width: 25px; +.containerIcon img { + width: 25px; } -.containerIcon .trackingImg{ - width: 35px; +.containerIcon .trackingImg { + width: 35px; } -.closeAlertTracking{ - position: absolute; - top: 3px; - right: 15px; - color: #ffffff; - font-weight: 600; - font-size: 14px; - cursor: pointer; +.closeAlertTracking { + position: absolute; + top: 3px; + right: 15px; + color: #ffffff; + font-weight: 600; + font-size: 14px; + cursor: pointer; } -.containerText{ - display: table; +.containerText { + display: table; } -.containerIcon .material-icons{ - font-size: 25px; - color: white; +.containerIcon .material-icons { + font-size: 25px; + color: white; } -.ContainerDownload{ - padding-top: 0px; - margin: auto; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; +.ContainerDownload { + padding-top: 0px; + margin: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } -.alertColorSucces{ - background: var(--alertColorSuccess); +.alertColorSucces { + background: var(--alertColorSuccess); } -.alertColorWarning{ - background: var(--alertColorWarning); +.alertColorWarning { + background: var(--alertColorWarning); } -.alertColorInfo{ - background: var(--alertColorInfo); +.alertColorInfo { + background: var(--alertColorInfo); } -.alertColorBackgroundInfo{ - background: var(--alertColorBackgroundInfo); +.alertColorBackgroundInfo { + background: var(--alertColorBackgroundInfo); } -.alertColorBackgroundSucces{ - background: var(--alertColorBackgroundSuccess); +.alertColorBackgroundSucces { + background: var(--alertColorBackgroundSuccess); } -.alertColorBackgroundWarning{ - background: var(--alertColorBackgroundWarning); +.alertColorBackgroundWarning { + background: var(--alertColorBackgroundWarning); } -.alertText{ - display: table-cell; - vertical-align: middle; - +.alertText { + display: table-cell; + vertical-align: middle; + } @@ -7738,11 +7863,11 @@ img.qaOptionsComment { transition: .9s ease-in-out all; position: absolute; left: 20%; - width: 10px; + width: 10px; } .DownloadButton .IconDownloadButton { - position: absolute; + position: absolute; left: 70%; } @@ -7767,7 +7892,7 @@ img.qaOptionsComment { background: #32a562d1; color: white; font-size: 12px; - line-height:110%; + line-height: 110%; font-weight: 500; border: none; cursor: pointer; @@ -7775,288 +7900,301 @@ img.qaOptionsComment { border-radius: 5px; position: relative; overflow: hidden; - text-align: center; - display: flex; - align-items: center; + text-align: center; + display: flex; + align-items: center; } .alert-leftovers { - position: relative; - -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 18%); - -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); - -moz-border-radius: 2px; - padding: 5px; - border: 1px solid #EEE; - margin-bottom: 5px; - height: 100%; + position: relative; + -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 18%); + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + -moz-border-radius: 2px; + padding: 5px; + border: 1px solid #EEE; + margin-bottom: 5px; + height: 100%; } -.containerButtonTemplate { - justify-content: center; - display: flex; +.containerButtonTemplate { + justify-content: center; + display: flex; } .containerButtonTemplate .buttonTemplate { - cursor: pointer; - display: flex; - width: 150px ; - height: 45px; - border: #6d9eeb solid 1px; - border-radius: 8px; - -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 30%); - -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); - -moz-border-radius: 2px; - text-decoration: none; - /* transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); */ + cursor: pointer; + display: flex; + width: 150px; + height: 45px; + border: #6d9eeb solid 1px; + border-radius: 8px; + -webkit-box-shadow: 1px 2px 8px rgb(0 0 0 / 30%); + -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .3); + -moz-border-radius: 2px; + text-decoration: none; + /* transition: box-shadow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); */ } .containerButtonTemplate .buttonTemplate:hover { - box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); } .containerButtonTemplate .buttonTemplate .textButton { - width: 100px; - text-align: center; - line-height:110%; - align-items: center; - display: flex; - color: #000; - font-weight: 610; + width: 100px; + text-align: center; + line-height: 110%; + align-items: center; + display: flex; + color: #000; + font-weight: 610; } .containerButtonTemplate .buttonTemplate .iconButton { - width: 40px; - display: flex; - align-items: center; - justify-content: center; + width: 40px; + display: flex; + align-items: center; + justify-content: center; } -.containerButtonTemplate .buttonTemplate .iconButton img{ - height: 28px; +.containerButtonTemplate .buttonTemplate .iconButton img { + height: 28px; } .viewMoreCollapse { - color: #287fa1; - /* border-bottom: 1px solid #f2f2f2; */ - position: absolute; - bottom: 0; - width: 96%; - margin: 0 0.5%; - cursor: pointer; - padding: 5px 0 0px 0; - font-weight: 900; - text-align: center; - background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 0%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, #fff)); - background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 50%); - background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#d9edf7 70%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); + color: #287fa1; + /* border-bottom: 1px solid #f2f2f2; */ + position: absolute; + bottom: 0; + width: 96%; + margin: 0 0.5%; + cursor: pointer; + padding: 5px 0 0px 0; + font-weight: 900; + text-align: center; + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 0%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #fff)); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 50%); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #d9edf7 70%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .containerAlertMargin { - margin-bottom: 10px; + margin-bottom: 10px; } .containerAlertMarginTracking { - margin-bottom: 10px; - width: 100% !important; + margin-bottom: 10px; + width: 100% !important; } .displayNone { - display: none; + display: none; } -.page_load{ - display: flex; - background-color: #50505070; - align-items: center; - justify-content: center; - position: fixed; - top: 0; - left: 0; - height: 100%; - width: 100%; - z-index: 1001; -} - -.page_load img{ - width: 70px; -} - -#guide-button{ - background: #fff; - right: 1em; - bottom: 1em; - position: fixed; - color: #fff; - font-weight: bold; - padding: 6px 10px 4px 10px; - border-radius: 50%; - box-shadow: 0px 0px 3px #5e5e5e; - z-index: 1000; - width: 70px; - height: 70px; - text-align: center; - display: none; +.page_load { + display: flex; + background-color: #50505070; + align-items: center; + justify-content: center; + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; + z-index: 1001; +} + +.page_load img { + width: 70px; } -#guide-button img{ - cursor: pointer; - width: 45px; - margin-top: 8px; +#guide-button { + background: #fff; + right: 1em; + bottom: 1em; + position: fixed; + color: #fff; + font-weight: bold; + padding: 6px 10px 4px 10px; + border-radius: 50%; + box-shadow: 0px 0px 3px #5e5e5e; + z-index: 1000; + width: 70px; + height: 70px; + text-align: center; + display: none; +} + +#guide-button img { + cursor: pointer; + width: 45px; + margin-top: 8px; } #guide { - background-color: #fff; - width: 450px; - max-width: 100%; - padding: 22px 16px 13px 13px; - border-radius: 15px; - box-shadow: 0 2px 4px rgb(0 0 0 / 20%); - position: fixed; - z-index: 1000; - right: 50px; - bottom: 100px; - /* cursor: move; */ - display: none; + background-color: #fff; + width: 450px; + max-width: 100%; + padding: 22px 16px 13px 13px; + border-radius: 15px; + box-shadow: 0 2px 4px rgb(0 0 0 / 20%); + position: fixed; + z-index: 1000; + right: 50px; + bottom: 100px; + /* cursor: move; */ + display: none; } .popup-guide .button-exit { - float: right; - font-size: 18px; - cursor: pointer; + float: right; + font-size: 18px; + cursor: pointer; } .popup-guide .x-close-modal { - padding: 10px 20px; - background-image: url(../../global/images/icon-remove.png); - background-repeat: no-repeat; - background-position: center; - background-color: #D5504C; - /* position: absolute; */ - top: 0; - right: 0; - border-radius: 0px 3px 0px 8px; - cursor: pointer; - margin: -16px -7px 0px 0px; + padding: 10px 20px; + background-image: url(../../global/images/icon-remove.png); + background-repeat: no-repeat; + background-position: center; + background-color: #D5504C; + /* position: absolute; */ + top: 0; + right: 0; + border-radius: 0px 3px 0px 8px; + cursor: pointer; + margin: -16px -7px 0px 0px; } .popup-guide .title-modal-evidences { - font-size: 23px; - font-weight: 600; - margin-top: -19px; + font-size: 23px; + font-weight: 600; + margin-top: -19px; } .popup-guide .container-buttons-evidences { - float: right; - display: flex; - margin-top: 15px; + float: right; + display: flex; + margin-top: 15px; } .popup-guide .button-pdf-modal { - background-color: #ffffff; - min-width: 181px; - height: 40px; - text-align: center; - display: flex; - align-items: center; - font-size: 12px; - cursor: pointer; - border-radius: 3px; - font-weight: 600; - border: #f7909000 solid 2px; - color: #5f5e5e; - text-decoration: underline; + background-color: #ffffff; + min-width: 181px; + height: 40px; + text-align: center; + display: flex; + align-items: center; + font-size: 12px; + cursor: pointer; + border-radius: 3px; + font-weight: 600; + border: #f7909000 solid 2px; + color: #5f5e5e; + text-decoration: underline; } .popup-guide .button-pdf-modal p { - margin: auto; - margin-right: 10px; + margin: auto; + margin-right: 10px; } .popup-guide .button-pdf-modal img { - width: 20px; - margin-right: 10px; + width: 20px; + margin-right: 10px; } .popup-guide .button-close-modal { - background-color: #0779a4; - min-width: 120px; - height: 40px; - text-align: center; - display: flex; - align-items: center; - font-size: 15px; - cursor: pointer; - border-radius: 3px; - font-weight: 600; - /* border: #0779a4 solid 2px; */ - color: #ffffff; - margin-left: 11px; + background-color: #0779a4; + min-width: 120px; + height: 40px; + text-align: center; + display: flex; + align-items: center; + font-size: 15px; + cursor: pointer; + border-radius: 3px; + font-weight: 600; + /* border: #0779a4 solid 2px; */ + color: #ffffff; + margin-left: 11px; } .popup-guide .button-close-modal p { - margin: auto; + margin: auto; } -.popup-guide .line-modal{ - height: 1px; - width: 100%; - margin-top: -6px; - background: #0000001c; +.popup-guide .line-modal { + height: 1px; + width: 100%; + margin-top: -6px; + background: #0000001c; } -.popup-guide .line-modal-bottom{ - /* position: absolute; */ - /* right: 13px; */ - /* bottom: 56px; */ - width: 100%; - height: 1px; - background: #0000001c; - margin-bottom: -12px; - margin-top: 8px; +.popup-guide .line-modal-bottom { + /* position: absolute; */ + /* right: 13px; */ + /* bottom: 56px; */ + width: 100%; + height: 1px; + background: #0000001c; + margin-bottom: -12px; + margin-top: 8px; } -.popup-guide .text-inter{ - margin: 0 12px; - max-height: 325px; - overflow: scroll; - overflow-x: hidden; - scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0); - scrollbar-width: thin; - text-align: justify; +.popup-guide .text-inter { + margin: 0 12px; + max-height: 325px; + overflow: scroll; + overflow-x: hidden; + scrollbar-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, 0); + scrollbar-width: thin; + text-align: justify; } .popup-guide .text-inter::-webkit-scrollbar { - -webkit-appearance: none; + -webkit-appearance: none; } .text-modal-evidences h3 { - margin-top: 10px; - font-size: 18px; + margin-top: 10px; + font-size: 18px; } #AICCRA_deliverable .containerAlertMargin { - width:100% !important; - padding: 5px; - margin-top: 5px; - margin-bottom: -15px; + width: 100% !important; + padding: 5px; + margin-top: 5px; + margin-bottom: -15px; } -@media only screen and (max-width:440px){ +@media only screen and (max-width:440px) { + + /************* 2. HEADER ***************/ + + #marlo-logo #title { + font-size: 2.9em; + } + + #crp-image { + height: 60%; + top: 0.8rem; + } + + /************* 2.1. SUPERADMIN ***************/ + #superadminBlock ul { display: flex; justify-content: space-between; } - + #superadminBlock a { padding: 5px 10px; } + ] - - -} +} \ No newline at end of file From cc9786e1ef1160da80a5b6a98b261fc4664b8064 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 13:53:30 -0500 Subject: [PATCH 05/26] A2-66 Update responsive menuContext mainMenu --- .../src/main/webapp/global/css/global.css | 28 +++++++++++++++++-- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index c920eb0c44..9a37bdbbe5 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8173,9 +8173,23 @@ img.qaOptionsComment { } @media only screen and (max-width:440px) { - + /************* 2. HEADER ***************/ + #userInfo { + color: #fff; + text-align: left; + position: absolute; + right: 0; + top: 0; + background: #57A7B5; + border-bottom: 6px solid #4C8D99; + height: 100%; + font-size: 0.9em; + padding: 8px 17px 17px 17px; + box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1); + } + #marlo-logo #title { font-size: 2.9em; } @@ -8184,7 +8198,7 @@ img.qaOptionsComment { height: 60%; top: 0.8rem; } - + /************* 2.1. SUPERADMIN ***************/ #superadminBlock ul { @@ -8196,5 +8210,13 @@ img.qaOptionsComment { padding: 5px 10px; } - ] + /************* 3. MAIN MENU ***************/ + + #mainMenu .container { + margin-right: 0; + } + #mainMenu .menuContent ul li{ + font-size: 0.9em; + } + } \ No newline at end of file From b69757e1db5f447e09d6e3b02072e72ceadc1f56 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 14:23:48 -0500 Subject: [PATCH 06/26] A2-68 Update responsive sectionMap --- .../WEB-INF/crp/views/home/dashboard.ftl | 2 +- .../main/webapp/crp/css/home/dashboard.css | 50 ++++++++++++------- 2 files changed, 33 insertions(+), 19 deletions(-) diff --git a/marlo-web/src/main/webapp/WEB-INF/crp/views/home/dashboard.ftl b/marlo-web/src/main/webapp/WEB-INF/crp/views/home/dashboard.ftl index 7d16ad32a9..e04c3d2961 100644 --- a/marlo-web/src/main/webapp/WEB-INF/crp/views/home/dashboard.ftl +++ b/marlo-web/src/main/webapp/WEB-INF/crp/views/home/dashboard.ftl @@ -8,7 +8,7 @@ ] /] [#assign customCSS = [ - "${baseUrlMedia}/css/home/dashboard.css?20230313", + "${baseUrlMedia}/css/home/dashboard.css?20240201", "${baseUrlCdn}/global/css/customDataTable.css", "${baseUrlCdn}/global/css/impactGraphic.css", "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 653765ee06..745b319950 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -485,6 +485,7 @@ span.timelineControl:hover { .containerMapsection{ display: flex; + position: relative; } .borderMap{ @@ -851,6 +852,36 @@ span.timelineControl:hover { } } +@media only screen and (max-width:440px){ + + .containerTabletItems #dashboardContent{ + width: 100%; + width: -moz-available; + width: -webkit-fill-available; + width: fill-available; + } + + .tab-content{ + width: auto; + } + + .iconSearch{ + margin-left: 0; + right: 5%; + } + + .containerImgMap{ + position: absolute; + right: 10%; + top: 0; + width: 100%; + text-align: right; + } + + .containerImgMap img{ + width: 8%; + } +} /* Add styles to the table */ .dataTables_wrapper { @@ -880,21 +911,4 @@ span.timelineControl:hover { display: block; } -@media only screen and (max-width:440px){ - - .containerTabletItems #dashboardContent{ - width: 100%; - width: -moz-available; - width: -webkit-fill-available; - width: fill-available; - } - - .tab-content{ - width: auto; - } - - .iconSearch{ - margin-left: 0; - right: 5%; - } -} + From a3450fdb6cd9d9518fde58fe864cbe3e127d8c2e Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 1 Feb 2024 15:37:02 -0500 Subject: [PATCH 07/26] A2-73 update size of screen allowing not extra size --- .../src/main/webapp/global/css/timeline-phases.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/global/css/timeline-phases.css b/marlo-web/src/main/webapp/global/css/timeline-phases.css index ed7d5369c3..7626408e4e 100644 --- a/marlo-web/src/main/webapp/global/css/timeline-phases.css +++ b/marlo-web/src/main/webapp/global/css/timeline-phases.css @@ -300,4 +300,12 @@ div#tl-adnyds { .closedLabel { font-size: 70% !important; -} \ No newline at end of file +} + +@media only screen and (max-width:440px){ + .example .scrollbar { + width: 100%; + overflow: hidden; + } +} + From 65440314c4c3cc4b3876883bf4e33fb881d86052 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Fri, 2 Feb 2024 09:53:42 -0500 Subject: [PATCH 08/26] A2-69 Update timeline visualization --- .../main/webapp/crp/css/home/dashboard.css | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 745b319950..a9a36a255b 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -241,6 +241,7 @@ span.timelineControl:hover { } .timeline{ + position: relative; margin: 30px 0; display: flex; justify-content: center; @@ -854,6 +855,8 @@ span.timelineControl:hover { @media only screen and (max-width:440px){ + /*************** table ********************/ + .containerTabletItems #dashboardContent{ width: 100%; width: -moz-available; @@ -870,6 +873,8 @@ span.timelineControl:hover { right: 5%; } + /*************** sectionMap ********************/ + .containerImgMap{ position: absolute; right: 10%; @@ -881,6 +886,23 @@ span.timelineControl:hover { .containerImgMap img{ width: 8%; } + + /*************** timeline ********************/ + + .timelineAlert{ + bottom: 8px; + top: auto !important; + right: auto; + } + + .buttonRightTimeline{ + right: 0; + } + + .buttonLeftTimeline{ + left: 0; + } + } /* Add styles to the table */ From 566a820568e2192cab594159f8621f722c686d1b Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Fri, 2 Feb 2024 14:49:44 -0500 Subject: [PATCH 09/26] A2-67 Update in phases visualization --- .../src/main/webapp/global/css/timeline-phases.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/marlo-web/src/main/webapp/global/css/timeline-phases.css b/marlo-web/src/main/webapp/global/css/timeline-phases.css index 7626408e4e..d1f2d5512d 100644 --- a/marlo-web/src/main/webapp/global/css/timeline-phases.css +++ b/marlo-web/src/main/webapp/global/css/timeline-phases.css @@ -303,9 +303,21 @@ div#tl-adnyds { } @media only screen and (max-width:440px){ + + .example .scrollbar { width: 100%; overflow: hidden; } + + .example .frame{ + width: 80%; + } + + .example button, .example button{ + display: flex; + align-items: center; + flex-direction: column; + } } From 85986936dff321b935778100ea81170128a5f4f0 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Fri, 2 Feb 2024 15:24:29 -0500 Subject: [PATCH 10/26] A2-70 update containerItems --- .../src/main/webapp/crp/css/home/dashboard.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index a9a36a255b..68e8e8eb32 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -855,8 +855,22 @@ span.timelineControl:hover { @media only screen and (max-width:440px){ - /*************** table ********************/ + /**************** Content Items Table **************/ + .sectionItems{ + margin-left: 0%; + } + + .containerItems{ + margin-left: 0%; + } + + .itemsTablet{ + width: 140px; + min-width: 120px; + max-width: 160px; + } + .containerTabletItems #dashboardContent{ width: 100%; width: -moz-available; From ee7627b00a201dab057a49b053448617c8da7c6a Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Fri, 2 Feb 2024 16:29:33 -0500 Subject: [PATCH 11/26] A2-48 - General Updates --- .../src/main/webapp/crp/css/home/dashboard.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 68e8e8eb32..7e1c57e5b3 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -241,7 +241,7 @@ span.timelineControl:hover { } .timeline{ - position: relative; + position: static; margin: 30px 0; display: flex; justify-content: center; @@ -855,6 +855,14 @@ span.timelineControl:hover { @media only screen and (max-width:440px){ + #dashboardContent{ + display: contents; + } + + .containerTabletItems{ + height: 100%; + } + /**************** Content Items Table **************/ .sectionItems{ @@ -903,6 +911,10 @@ span.timelineControl:hover { /*************** timeline ********************/ + .timeline{ + position: relative; + } + .timelineAlert{ bottom: 8px; top: auto !important; From c19b85d21a64fb46aa82c7d8374cda09f898dbdd Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Mon, 5 Feb 2024 15:06:47 -0500 Subject: [PATCH 12/26] A2-100 -Responsive subMainMenu --- .../src/main/webapp/global/css/global.css | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 9a37bdbbe5..ced8141301 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8198,6 +8198,32 @@ img.qaOptionsComment { height: 60%; top: 0.8rem; } + + .breadcrumb{ + width: 70%; + position: relative; + } + + .usersInfo{ + float: none; + width: 50%; + position: absolute; + left: 100%; + top: 0; + display: flex; + flex-wrap: wrap; + } + + .user-badge{ + font-size: 1.2rem; + } + + span#usersOnline{ + text-align: left; + width: 100%; + font-size: 0.9rem; + margin-bottom: 0.9rem; + } /************* 2.1. SUPERADMIN ***************/ From 7ae88621a68447d00081f6b005bf07ee97aacb05 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Mon, 5 Feb 2024 15:31:10 -0500 Subject: [PATCH 13/26] A2-101 - Responsive Submit button --- marlo-web/src/main/webapp/global/css/global.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index ced8141301..d9418f2953 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8244,5 +8244,16 @@ img.qaOptionsComment { #mainMenu .menuContent ul li{ font-size: 0.9em; } + + /************* BODY ***************/ + + .buttons-content{ + width: 100%; + } + + button{ + width: 100%; + margin-bottom: 1rem; + } } \ No newline at end of file From ad81119a779c480604ea16135892cd5aa2581d11 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 6 Feb 2024 11:46:15 -0500 Subject: [PATCH 14/26] A2-104 - Innovation table --- .../WEB-INF/crp/views/projects/projectInnovationList.ftl | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectInnovationList.ftl b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectInnovationList.ftl index 2c831dbec4..59acc2d965 100644 --- a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectInnovationList.ftl +++ b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectInnovationList.ftl @@ -38,7 +38,7 @@ [#-- Innovations List --]

[@s.text name="projectInnovations" /]

-
+
[@innovationsTableMacro list=(projectInnovations)![] /]
@@ -57,7 +57,7 @@ [#-- Previous Innovations List --]

Previous [@s.text name="projectInnovations" /]

-
+
[@innovationsTableMacro list=(projectOldInnovations)![] currentTable=false/]
From 9a2ca8ce2c7c4176d5e061f7f95a3b715dc13a5e Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 6 Feb 2024 16:01:21 -0500 Subject: [PATCH 15/26] A2-104 - Deliverables Table - Update Download Button --- .../crp/views/projects/deliverableList.ftl | 4 ++-- .../crp/css/projects/projectDeliverable.css | 7 +++++++ .../src/main/webapp/global/css/global.css | 19 +++++++++++++++++++ 3 files changed, 28 insertions(+), 2 deletions(-) diff --git a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/deliverableList.ftl b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/deliverableList.ftl index 01b2db1705..8dededb963 100644 --- a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/deliverableList.ftl +++ b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/deliverableList.ftl @@ -185,7 +185,7 @@
-
+
[@deliverableList.deliverablesList deliverables=(currentDeliverableList)![] canValidate=true canEdit=candit isReportingActive=reportingActive namespace="/clusters" defaultAction="${(crpSession)!}/deliverable" projectID=projectID/]
[#-- @@ -223,7 +223,7 @@
-
+
[@deliverableList.deliverablesList deliverables=(project.getPreviousDeliverables(actualPhase) + previousSharedDeliverableList)![] canValidate=true canEdit=candit isReportingActive=reportingActive namespace="/projects" defaultAction="${(crpSession)!}/deliverable" currentTable=false projectID=projectID/]
diff --git a/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css b/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css index ee3e93494d..9eb7e3a80d 100644 --- a/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css +++ b/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css @@ -1157,3 +1157,10 @@ div.fieldFocus-deliverable { left: 610px; } } + +@media (max-width:440px){ + .containerShowHide{ + position: static; + } +} + diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index d9418f2953..a4d7227dfb 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8255,5 +8255,24 @@ img.qaOptionsComment { width: 100%; margin-bottom: 1rem; } + + .DownloadButton { + width: 100px; + height: 40px; + padding: revert; + } + + .DownloadButton .IconDownloadButton{ + position: static; + } + + .DownloadButton .IconDownloadButton img{ + height: 22px; + width: 22px; + } + + .DownloadButton span{ + position: static; + } } \ No newline at end of file From 0297be676da50b21c7fda5a0038bda1cba7805a0 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 6 Feb 2024 16:28:26 -0500 Subject: [PATCH 16/26] A2-104 - Contributions to Performance Indicators Table --- .../WEB-INF/crp/views/projects/projectContributionsCrpList.ftl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectContributionsCrpList.ftl b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectContributionsCrpList.ftl index 9546cbfcb1..7135a575f9 100644 --- a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectContributionsCrpList.ftl +++ b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectContributionsCrpList.ftl @@ -82,7 +82,7 @@ [#include "/WEB-INF/crp/views/projects/messages-projects.ftl" /]

[@s.text name="projectContributionsCrpList.title" /]

-
+
[#-- Your project contributes to the flagships --]

From 86eddf9e807649364b496d9cccd9a3fd54059ff2 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 6 Feb 2024 16:48:31 -0500 Subject: [PATCH 17/26] A2-104 - Update OICR & MELAS Table --- .../main/webapp/WEB-INF/crp/views/projects/projectStudies.ftl | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectStudies.ftl b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectStudies.ftl index d7981dcf09..7c6897b2f7 100644 --- a/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectStudies.ftl +++ b/marlo-web/src/main/webapp/WEB-INF/crp/views/projects/projectStudies.ftl @@ -68,7 +68,7 @@ [#-- Studies list --]

[@s.text name="projectStudies.studiesTitle" /]
[@s.text name="projectStudies.studiesSubTitle" /]

-
+
[@tableList list=(projectStudies)![] /]
[#-- Add a new --] @@ -85,7 +85,7 @@ [#-- OLD Studies list --]

[@s.text name="projectStudies.studiesTitleOldFormat" /]

-
+
[@tableList list=(projectOldStudies)![] previousTable=true /]
From 200aa613567b54bcf6d4cc12f5fa076e99736dbb Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Wed, 7 Feb 2024 10:07:30 -0500 Subject: [PATCH 18/26] A2-101 - Revert changes in button - commented --- marlo-web/src/main/webapp/global/css/global.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index a4d7227dfb..657879d0ec 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8247,14 +8247,14 @@ img.qaOptionsComment { /************* BODY ***************/ - .buttons-content{ - width: 100%; - } +/* .buttons-content {*/ +/* width: 100%;*/ +/* }*/ - button{ - width: 100%; - margin-bottom: 1rem; - } +/* button {*/ +/* width: 100%;*/ +/* margin-bottom: 1rem;*/ +/* }*/ .DownloadButton { width: 100px; From 0d13e983d1eaff5b472a4dfddc56a231a3dceb8d Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Wed, 14 Feb 2024 13:54:18 -0500 Subject: [PATCH 19/26] A2-70 - update Container for Mobile 440px --- marlo-web/src/main/webapp/crp/css/home/dashboard.css | 5 ++--- marlo-web/src/main/webapp/global/css/global.css | 1 + 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 7e1c57e5b3..ff66f06420 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -874,9 +874,8 @@ span.timelineControl:hover { } .itemsTablet{ - width: 140px; - min-width: 120px; - max-width: 160px; + padding-top: 1rem; + width: 40%; } .containerTabletItems #dashboardContent{ diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 657879d0ec..487414a400 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8260,6 +8260,7 @@ img.qaOptionsComment { width: 100px; height: 40px; padding: revert; + justify-content: left; } .DownloadButton .IconDownloadButton{ From e1832420e08ad119903902277ab96fb268eb4ba8 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Wed, 14 Feb 2024 15:17:13 -0500 Subject: [PATCH 20/26] A2-70 - update Container for Table device --- marlo-web/src/main/webapp/crp/css/home/dashboard.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index ff66f06420..fec1da3adb 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -730,7 +730,6 @@ span.timelineControl:hover { .containerItems { flex-wrap: wrap; - width: 100%; display: table-cell; text-align: center; margin-left: 4px; @@ -806,13 +805,18 @@ span.timelineControl:hover { .tableItemsTitle{ font-size: 1.1em; } + + .itemsTablet{ + width: 45%; + } } @media (max-width:750px){ .containerItems { display: flex; - justify-content: center; + justify-content: start; + margin-left: 0%; } .sectionItems { @@ -827,7 +831,6 @@ span.timelineControl:hover { .itemsTablet { height: 80px; - width: 80px; margin: 10px; } @@ -870,7 +873,8 @@ span.timelineControl:hover { } .containerItems{ - margin-left: 0%; + justify-content: center; + } .itemsTablet{ From 15c08964d75bc152f3c818ee0099bce6e4edd071 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Wed, 14 Feb 2024 16:29:24 -0500 Subject: [PATCH 21/26] A2-100 update subheader for tablet version need revision --- .../src/main/webapp/global/css/global.css | 28 ++++++++++++------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 487414a400..968b2974f6 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8172,6 +8172,22 @@ img.qaOptionsComment { margin-bottom: -15px; } +@media only screen and (max-width: 768px){ + /************* 2. HEADER ***************/ + .breadcrumb{ + width: max-content; + position: relative; + } + + .usersInfo{ + padding-left: 2rem; + } + /************* 2.1. SUPERADMIN ***************/ + /************* 3. MAIN MENU ***************/ + /************* BODY ***************/ + +} + @media only screen and (max-width:440px) { /************* 2. HEADER ***************/ @@ -8201,7 +8217,6 @@ img.qaOptionsComment { .breadcrumb{ width: 70%; - position: relative; } .usersInfo{ @@ -8212,6 +8227,8 @@ img.qaOptionsComment { top: 0; display: flex; flex-wrap: wrap; + padding-left: 0; + } .user-badge{ @@ -8247,15 +8264,6 @@ img.qaOptionsComment { /************* BODY ***************/ -/* .buttons-content {*/ -/* width: 100%;*/ -/* }*/ - -/* button {*/ -/* width: 100%;*/ -/* margin-bottom: 1rem;*/ -/* }*/ - .DownloadButton { width: 100px; height: 40px; From 1c6c090b62ffe5404274965f1da59764603c2c02 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Wed, 14 Feb 2024 17:14:27 -0500 Subject: [PATCH 22/26] A2-67 Update in phases visualization tablet --- marlo-web/src/main/webapp/global/css/timeline-phases.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/marlo-web/src/main/webapp/global/css/timeline-phases.css b/marlo-web/src/main/webapp/global/css/timeline-phases.css index d1f2d5512d..e4fb9b6b40 100644 --- a/marlo-web/src/main/webapp/global/css/timeline-phases.css +++ b/marlo-web/src/main/webapp/global/css/timeline-phases.css @@ -302,13 +302,15 @@ div#tl-adnyds { font-size: 70% !important; } -@media only screen and (max-width:440px){ - - +@media only screen and (max-width: 768px){ .example .scrollbar { width: 100%; overflow: hidden; } +} + +@media only screen and (max-width:440px){ + .example .frame{ width: 80%; From 99d2c142e44c91361b4fdd6307232d759c15b142 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 15 Feb 2024 11:16:36 -0500 Subject: [PATCH 23/26] A2-68 - update map for tablet --- .../main/webapp/crp/css/home/dashboard.css | 31 ++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index fec1da3adb..7d147c95b7 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -811,7 +811,7 @@ span.timelineControl:hover { } } - @media (max-width:750px){ + @media (max-width:768px){ .containerItems { display: flex; @@ -854,6 +854,26 @@ span.timelineControl:hover { table.dataTable { font-size: 0.7em; } + + /*************** sectionMap ********************/ + + .containerTextMap .titleMap{ + font-size: 1.4em; + } + + .containerTextMap .textMap{ + font-size: 1.15rem; + } + .containerImgMap{ + min-width: 25%; + display:flex; + flex-direction: column; + justify-content: center; + } + + .containerImgMap img{ + width: 100%; + } } @media only screen and (max-width:440px){ @@ -900,7 +920,16 @@ span.timelineControl:hover { /*************** sectionMap ********************/ + .containerTextMap .titleMap{ + font-size: 1.2em; + } + + .containerTextMap .textMap{ + font-size: 1rem; + } + .containerImgMap{ + display: block; position: absolute; right: 10%; top: 0; From b75024fecdc91bde8cd30e77f21d91d4806afce9 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Thu, 15 Feb 2024 11:27:41 -0500 Subject: [PATCH 24/26] A2-72 tablet responsive tab-content --- marlo-web/src/main/webapp/crp/js/home/dashboard.js | 9 +++++++++ marlo-web/src/main/webapp/global/css/customDataTable.css | 8 ++++++++ 2 files changed, 17 insertions(+) diff --git a/marlo-web/src/main/webapp/crp/js/home/dashboard.js b/marlo-web/src/main/webapp/crp/js/home/dashboard.js index 0f85caf4ad..0cceabfca1 100644 --- a/marlo-web/src/main/webapp/crp/js/home/dashboard.js +++ b/marlo-web/src/main/webapp/crp/js/home/dashboard.js @@ -477,6 +477,15 @@ if (windowWidth < 440) { }) } +if (windowWidth < 768) { + divDataTables_length.css({ + "left": "35%", + "bottom": "0", + "margin-top": "4rem", + "margin-left": "0" + }) +} + $('a#impact[data-toggle="tab"]').on('shown.bs.tab', function(e) { e.target // newly activated tab diff --git a/marlo-web/src/main/webapp/global/css/customDataTable.css b/marlo-web/src/main/webapp/global/css/customDataTable.css index faf73efc01..b2e7659a1c 100644 --- a/marlo-web/src/main/webapp/global/css/customDataTable.css +++ b/marlo-web/src/main/webapp/global/css/customDataTable.css @@ -174,6 +174,14 @@ table.dataTable a { background-color: #8ea786; } +@media only screen and (max-width:768px){ + + .dataTables_paginate{ + margin-bottom: 3rem !important; + } + +} + @media only screen and (max-width:440px){ .dataTables_filter{ width: 100%; From 7a11a06bf65142f7ff7a8efb3e8b568a38cdc1e7 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 20 Feb 2024 10:44:56 -0500 Subject: [PATCH 25/26] A2-73 - Responsive Buttons update --- .../src/main/webapp/global/css/global.css | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 968b2974f6..58b4b6055d 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8185,6 +8185,28 @@ img.qaOptionsComment { /************* 2.1. SUPERADMIN ***************/ /************* 3. MAIN MENU ***************/ /************* BODY ***************/ + + /************* FOOTER ***************/ + + #guide-button{ + width: 35px; + height: 35px; + padding: 6px 6px 4px 6px; + } + + #guide-button img{ + width: 22px; + margin-top: 0; + } + + #draggable-button{ + width: 35px; + height: 35px; + } + + #draggable-button img{ + width: 16px; + } } From 23afa2d4dd87a50a7cc4ebd416c5d3beb7dfb4e9 Mon Sep 17 00:00:00 2001 From: JhonSGIzquierdo Date: Tue, 20 Feb 2024 11:30:10 -0500 Subject: [PATCH 26/26] A2-48 - General Updates based on Comments --- .../src/main/webapp/crp/css/home/dashboard.css | 14 ++++++++------ marlo-web/src/main/webapp/crp/js/home/dashboard.js | 14 +++++++------- marlo-web/src/main/webapp/global/css/global.css | 1 + 3 files changed, 16 insertions(+), 13 deletions(-) diff --git a/marlo-web/src/main/webapp/crp/css/home/dashboard.css b/marlo-web/src/main/webapp/crp/css/home/dashboard.css index 7d147c95b7..46af96ce5e 100644 --- a/marlo-web/src/main/webapp/crp/css/home/dashboard.css +++ b/marlo-web/src/main/webapp/crp/css/home/dashboard.css @@ -856,16 +856,18 @@ span.timelineControl:hover { } /*************** sectionMap ********************/ - + .containerTextMap{ + margin: 10px 20px 25px 20px; + } .containerTextMap .titleMap{ - font-size: 1.4em; + font-size: 1.35rem; } .containerTextMap .textMap{ - font-size: 1.15rem; + font-size: 1.1rem; } .containerImgMap{ - min-width: 25%; + min-width: 17%; display:flex; flex-direction: column; justify-content: center; @@ -921,11 +923,11 @@ span.timelineControl:hover { /*************** sectionMap ********************/ .containerTextMap .titleMap{ - font-size: 1.2em; + font-size: 1.15em; } .containerTextMap .textMap{ - font-size: 1rem; + font-size: 0.95rem; } .containerImgMap{ diff --git a/marlo-web/src/main/webapp/crp/js/home/dashboard.js b/marlo-web/src/main/webapp/crp/js/home/dashboard.js index 0cceabfca1..2d1ea27211 100644 --- a/marlo-web/src/main/webapp/crp/js/home/dashboard.js +++ b/marlo-web/src/main/webapp/crp/js/home/dashboard.js @@ -468,25 +468,25 @@ divDataTables_length.css("z-index", "1"); var windowWidth = $(window).width(); -if (windowWidth < 440) { + +if (windowWidth < 768) { divDataTables_length.css({ - "left": "25%", + "left": "30vw", "bottom": "0", - "margin-top": "32px", + "margin-top": "4rem", "margin-left": "0" }) } -if (windowWidth < 768) { +if (windowWidth < 440) { divDataTables_length.css({ - "left": "35%", + "left": "18vw", "bottom": "0", - "margin-top": "4rem", + "margin-top": "32px", "margin-left": "0" }) } - $('a#impact[data-toggle="tab"]').on('shown.bs.tab', function(e) { e.target // newly activated tab e.relatedTarget // previous active tab diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css index 58b4b6055d..e506e29a97 100644 --- a/marlo-web/src/main/webapp/global/css/global.css +++ b/marlo-web/src/main/webapp/global/css/global.css @@ -8202,6 +8202,7 @@ img.qaOptionsComment { #draggable-button{ width: 35px; height: 35px; + padding: 6px 6px 4px 6px; } #draggable-button img{