[#-- Add a new --]
@@ -85,7 +85,7 @@
[#-- OLD Studies list --]
+
[@tableList list=(projectOldStudies)![] previousTable=true /]
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..46af96ce5e 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: static;
margin: 30px 0;
display: flex;
justify-content: center;
@@ -485,6 +486,7 @@ span.timelineControl:hover {
.containerMapsection{
display: flex;
+ position: relative;
}
.borderMap{
@@ -728,7 +730,6 @@ span.timelineControl:hover {
.containerItems {
flex-wrap: wrap;
- width: 100%;
display: table-cell;
text-align: center;
margin-left: 4px;
@@ -804,13 +805,18 @@ span.timelineControl:hover {
.tableItemsTitle{
font-size: 1.1em;
}
+
+ .itemsTablet{
+ width: 45%;
+ }
}
- @media (max-width:750px){
+ @media (max-width:768px){
.containerItems {
display: flex;
- justify-content: center;
+ justify-content: start;
+ margin-left: 0%;
}
.sectionItems {
@@ -825,7 +831,6 @@ span.timelineControl:hover {
.itemsTablet {
height: 80px;
- width: 80px;
margin: 10px;
}
@@ -849,8 +854,116 @@ span.timelineControl:hover {
table.dataTable {
font-size: 0.7em;
}
+
+ /*************** sectionMap ********************/
+ .containerTextMap{
+ margin: 10px 20px 25px 20px;
+ }
+ .containerTextMap .titleMap{
+ font-size: 1.35rem;
+ }
+
+ .containerTextMap .textMap{
+ font-size: 1.1rem;
+ }
+ .containerImgMap{
+ min-width: 17%;
+ display:flex;
+ flex-direction: column;
+ justify-content: center;
+ }
+
+ .containerImgMap img{
+ width: 100%;
+ }
}
+@media only screen and (max-width:440px){
+
+ #dashboardContent{
+ display: contents;
+ }
+
+ .containerTabletItems{
+ height: 100%;
+ }
+
+ /**************** Content Items Table **************/
+
+ .sectionItems{
+ margin-left: 0%;
+ }
+
+ .containerItems{
+ justify-content: center;
+
+ }
+
+ .itemsTablet{
+ padding-top: 1rem;
+ width: 40%;
+ }
+
+ .containerTabletItems #dashboardContent{
+ width: 100%;
+ width: -moz-available;
+ width: -webkit-fill-available;
+ width: fill-available;
+ }
+
+ .tab-content{
+ width: auto;
+ }
+
+ .iconSearch{
+ margin-left: 0;
+ right: 5%;
+ }
+
+ /*************** sectionMap ********************/
+
+ .containerTextMap .titleMap{
+ font-size: 1.15em;
+ }
+
+ .containerTextMap .textMap{
+ font-size: 0.95rem;
+ }
+
+ .containerImgMap{
+ display: block;
+ position: absolute;
+ right: 10%;
+ top: 0;
+ width: 100%;
+ text-align: right;
+ }
+
+ .containerImgMap img{
+ width: 8%;
+ }
+
+ /*************** timeline ********************/
+
+ .timeline{
+ position: relative;
+ }
+
+ .timelineAlert{
+ bottom: 8px;
+ top: auto !important;
+ right: auto;
+ }
+
+ .buttonRightTimeline{
+ right: 0;
+ }
+
+ .buttonLeftTimeline{
+ left: 0;
+ }
+
+}
/* Add styles to the table */
.dataTables_wrapper {
@@ -879,3 +992,5 @@ span.timelineControl:hover {
#guide-button{
display: block;
}
+
+
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 dde3da5242..433e3d5fce 100644
--- a/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css
+++ b/marlo-web/src/main/webapp/crp/css/projects/projectDeliverable.css
@@ -1171,3 +1171,10 @@ div.fieldFocus-deliverable {
left: 610px;
}
}
+
+@media (max-width:440px){
+ .containerShowHide{
+ position: static;
+ }
+}
+
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..2d1ea27211 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,27 @@ divDataTables_length.css("bottom", "8px");
divDataTables_length.css("margin-left", "43%");
divDataTables_length.css("z-index", "1");
+var windowWidth = $(window).width();
+
+
+if (windowWidth < 768) {
+ divDataTables_length.css({
+ "left": "30vw",
+ "bottom": "0",
+ "margin-top": "4rem",
+ "margin-left": "0"
+ })
+}
+
+if (windowWidth < 440) {
+ divDataTables_length.css({
+ "left": "18vw",
+ "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/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
diff --git a/marlo-web/src/main/webapp/global/css/customDataTable.css b/marlo-web/src/main/webapp/global/css/customDataTable.css
index 1c9786f59e..b2e7659a1c 100644
--- a/marlo-web/src/main/webapp/global/css/customDataTable.css
+++ b/marlo-web/src/main/webapp/global/css/customDataTable.css
@@ -173,3 +173,30 @@ table.dataTable a {
.subHeader {
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%;
+ }
+
+ .dataTables_filter label{
+ width: 100%;
+ }
+
+ .dataTables_filter label input{
+ width: 100% !important;
+ }
+
+ .dataTables_paginate{
+ margin-bottom: 32px !important;
+ }
+
+}
\ No newline at end of file
diff --git a/marlo-web/src/main/webapp/global/css/global.css b/marlo-web/src/main/webapp/global/css/global.css
index b770628870..e506e29a97 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,274 +7900,411 @@ 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: 768px){
+ /************* 2. HEADER ***************/
+ .breadcrumb{
+ width: max-content;
+ position: relative;
+ }
+
+ .usersInfo{
+ padding-left: 2rem;
+ }
+ /************* 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;
+ padding: 6px 6px 4px 6px;
+ }
+
+ #draggable-button img{
+ width: 16px;
+ }
+
+}
+
+@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;
+ }
+
+ #crp-image {
+ height: 60%;
+ top: 0.8rem;
+ }
+
+ .breadcrumb{
+ width: 70%;
+ }
+
+ .usersInfo{
+ float: none;
+ width: 50%;
+ position: absolute;
+ left: 100%;
+ top: 0;
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 0;
+
+ }
+
+ .user-badge{
+ font-size: 1.2rem;
+ }
+
+ span#usersOnline{
+ text-align: left;
+ width: 100%;
+ font-size: 0.9rem;
+ margin-bottom: 0.9rem;
+ }
+
+ /************* 2.1. SUPERADMIN ***************/
+
+ #superadminBlock ul {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ #superadminBlock a {
+ padding: 5px 10px;
+ }
+
+ /************* 3. MAIN MENU ***************/
+
+ #mainMenu .container {
+ margin-right: 0;
+ }
+ #mainMenu .menuContent ul li{
+ font-size: 0.9em;
+ }
+
+ /************* BODY ***************/
+
+ .DownloadButton {
+ width: 100px;
+ height: 40px;
+ padding: revert;
+ justify-content: left;
+ }
+
+ .DownloadButton .IconDownloadButton{
+ position: static;
+ }
+
+ .DownloadButton .IconDownloadButton img{
+ height: 22px;
+ width: 22px;
+ }
+
+ .DownloadButton span{
+ position: static;
+ }
+
}
\ No newline at end of file
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..e4fb9b6b40 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,26 @@ div#tl-adnyds {
.closedLabel {
font-size: 70% !important;
-}
\ No newline at end of file
+}
+
+@media only screen and (max-width: 768px){
+ .example .scrollbar {
+ width: 100%;
+ overflow: hidden;
+ }
+}
+
+@media only screen and (max-width:440px){
+
+
+ .example .frame{
+ width: 80%;
+ }
+
+ .example button, .example button{
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ }
+}
+