@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/Ubuntu/Ubuntu-Italic.ttf") format("truetype"); }
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: bold;
  src: url("../fonts/Ubuntu/Ubuntu-BoldItalic.ttf") format("truetype"); }
.grid {
  margin: 0;
  display: inline-block;
  width: 100%; }

.grid:after {
  content: "";
  display: table;
  clear: both; }

[class^='col-'],
[class*=' col-'] {
  float: left;
  padding-right: 10px;
  box-sizing: border-box; }

[class^='col-']:last-of-type,
[class*=' col-']:last-of-type {
  padding-right: 0; }

.col-1-1 {
  padding-left: 0;
  padding-right: 0;
  float: none; }

.col-1-1 {
  width: 100%; }

.col-2-3 {
  width: 66.66%; }

.col-1-3 {
  width: 33.33%; }

.col-1-2 {
  width: 50%; }

.col-1-4 {
  width: 25%; }

.col-2-4 {
  width: 50%; }

.col-3-4 {
  width: 75%; }

.col-1-8 {
  width: 12.5%; }

body .dialog-off-canvas-main-canvas {
  text-align: center; }
  body .dialog-off-canvas-main-canvas .layout-container {
    display: inline-block;
    width: 1140px;
    max-width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto; }
    body .dialog-off-canvas-main-canvas .layout-container header {
      width: 100vw !important;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      text-align: center; }
      body .dialog-off-canvas-main-canvas .layout-container header #header-wrapper {
        width: 1140px;
        display: inline-block;
        text-align: left;
        padding-left: 20px;
        padding-right: 20px; }
    body .dialog-off-canvas-main-canvas .layout-container main {
      padding-left: 20px;
      padding-right: 20px; }
    body .dialog-off-canvas-main-canvas .layout-container > footer {
      width: 100vw !important;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      text-align: center; }
      body .dialog-off-canvas-main-canvas .layout-container > footer #footer-wrapper-full-width {
        width: 100vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        text-align: center; }
        body .dialog-off-canvas-main-canvas .layout-container > footer #footer-wrapper-full-width #footer-wrapper {
          width: 1140px;
          display: inline-block;
          text-align: left;
          padding-left: 20px;
          padding-right: 20px; }

html {
  box-sizing: border-box;
  font-family: "Ubuntu", Verdana, Tahoma, "DejaVu Sans", sans-serif; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

h1 {
  color: #007482;
  font-size: 46px;
  line-height: 56px; }

h2 {
  color: #007482;
  font-size: 32px;
  line-height: 42px; }

h3 {
  color: #007482;
  font-size: 18px;
  line-height: 28px; }

h4, h5, h6 {
  color: #007482;
  font-size: 12px;
  line-height: 22px; }

a {
  color: #007482;
  text-decoration: none; }
  a:hover {
    color: #f0810C; }

button,
input.button {
  background-color: #007482;
  color: white;
  padding: 8px;
  border-radius: 5px;
  cursor: pointer; }
  button.is-disabled,
  input.button.is-disabled {
    background-color: #dbdee5; }

body {
  background-color: white;
  color: #777777; }
  body main {
    min-height: 500px;
    display: inline-block;
    padding-bottom: 30px;
    line-height: 25px; }

header {
  background-color: #eaf2eb;
  color: #007482; }
  header a {
    color: #007482;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
  header #header-top-bar {
    vertical-align: middle;
    display: inline-block;
    padding-top: 5px; }
    header #header-top-bar a#header-logo-image-link {
      display: inline-block;
      position: relative;
      top: -20px; }
      header #header-top-bar a#header-logo-image-link #header-logo-image {
        background-image: url("/themes/custom/gssp_stable9/images/gssp/logos/gssp_logo.png");
        background-repeat: no-repeat;
        background-size: 155px 58px;
        display: inline-block;
        width: 155px;
        height: 58px; }
    header #header-top-bar #header-text {
      display: inline-block;
      vertical-align: middle;
      margin-top: 35px;
      margin-left: 30px; }
  header #header-menu-bar-menus .block-menu {
    padding: 0 0 20px 0; }

nav.tabs ul.tabls,
nav.tabs ul.primary {
  overflow: hidden;
  height: auto;
  margin: 0;
  padding: 0 3px;
  white-space: nowrap;
  border: none;
  border-collapse: collapse;
  background: transparent url(../images/gssp/tabs-border.png) repeat-x left bottom;
  line-height: normal;
  list-style: none;
  white-space: nowrap; }
  nav.tabs ul.tabls li,
  nav.tabs ul.primary li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    white-space: nowrap;
    border-collapse: collapse;
    line-height: normal; }
    nav.tabs ul.tabls li a,
    nav.tabs ul.primary li a {
      float: left;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      display: block;
      height: 2.2em;
      padding: 0 10px 3px;
      color: #000;
      border-width: 1px;
      border-style: solid solid none solid;
      border-color: #bbb;
      border-bottom: 1px solid #bbb;
      background-color: #ededed;
      text-shadow: 0 1px 0 #fff;
      font-size: 0.80em;
      line-height: 1.9;
      text-decoration: none; }
    nav.tabs ul.tabls li.is-active a,
    nav.tabs ul.primary li.is-active a {
      background-color: #fff;
      border-bottom: 1px solid #fff;
      color: #f0810C; }

nav.menu--main {
  display: inline-block; }
  nav.menu--main ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    nav.menu--main ul li {
      display: inline-block;
      margin-right: 2.25em;
      padding-bottom: 45px; }
      nav.menu--main ul li a {
        color: #777777;
        text-decoration: none;
        font-size: 14px;
        color: #007482; }
        nav.menu--main ul li a:hover {
          color: #f0810C; }
        nav.menu--main ul li a.is-active {
          color: #f0810C; }
      nav.menu--main ul li.menu-item--active-trail a {
        color: #f0810C; }
      nav.menu--main ul li ul.menu {
        display: none;
        position: absolute;
        list-style: none;
        padding: 0;
        margin: 0;
        z-index: 999;
        background-color: transparent;
        width: 300px;
        transform: translateY(45px); }
        nav.menu--main ul li ul.menu li {
          border-top: white;
          width: 300px;
          margin-right: 0;
          border-bottom: 1px solid #dbdee5;
          padding-bottom: 0;
          padding-top: 0; }
          nav.menu--main ul li ul.menu li a {
            display: inline-block;
            width: 100%;
            color: white;
            padding: 16px 20px;
            line-height: 26px;
            background-color: #f0810C; }
          nav.menu--main ul li ul.menu li a.is-active {
            background-color: #007482; }
        nav.menu--main ul li ul.menu li:hover a {
          background-color: #007482; }

nav.menu--account {
  display: inline-block; }
  nav.menu--account ul.menu {
    list-style: none;
    margin: 0;
    padding: 0; }
    nav.menu--account ul.menu li {
      display: inline-block;
      margin-right: 1.5em;
      margin-bottom: 0; }
      nav.menu--account ul.menu li a {
        color: #007482;
        text-decoration: none;
        font-size: 14px; }
        nav.menu--account ul.menu li a:hover {
          color: #f0810C; }
        nav.menu--account ul.menu li a.is-active {
          color: #f0810C; }

nav.menu--footer ul.menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  nav.menu--footer ul.menu li {
    margin-bottom: .45em; }
    nav.menu--footer ul.menu li a {
      color: white;
      text-decoration: none;
      font-size: .875rem;
      letter-spacing: 1px;
      padding-bottom: .75em; }
      nav.menu--footer ul.menu li a:hover {
        color: #dbdee5; }
      nav.menu--footer ul.menu li a.is-active {
        color: #dbdee5; }

aside.layout-sidebar #block-gssp-stable9-gsspreportworkflow {
  background-color: #eaf2eb;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #777777;
  padding: 30px;
  margin-top: 30px;
  margin-right: 20px;
  width: calc( 100% - 20px );
  /*
  #submit-report-overlay {
     position: fixed;         // Sit on top of the page content
     display: none;           // Hidden by default
     width: 100%;  
     height: 100%; 
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0,0,0,0.5); 
     z-index: 100000;  
     cursor: pointer; 
     
     #edit-submit-report-fieldset{
       position: absolute;
       width: 500px;
       // height: 300px;
       z-index: 15;
       top: 20%;
       left: 50%;
       // margin: -150px 0 0 -250px;
       margin: 0 0 0 -250px;
       
       background-color: rgb(255,255,255);
       
       .fieldset-legend{
         color: black;
       }
     }
  }
  */ }
  aside.layout-sidebar #block-gssp-stable9-gsspreportworkflow ol {
    padding-left: 15px; }
    aside.layout-sidebar #block-gssp-stable9-gsspreportworkflow ol li {
      padding-bottom: 7px; }
      aside.layout-sidebar #block-gssp-stable9-gsspreportworkflow ol li input {
        margin-bottom: 7px; }
  aside.layout-sidebar #block-gssp-stable9-gsspreportworkflow input {
    white-space: normal;
    word-wrap: break-word; }

.layout-container > footer #footer-wrapper-full-width {
  background-color: #007482;
  padding-top: 45px; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper .col-1-3 {
    padding: 0 50px 50px 0; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #dbdee5;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px; }
    .layout-container > footer #footer-wrapper-full-width #footer-wrapper p a {
      color: #dbdee5; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper h1, .layout-container > footer #footer-wrapper-full-width #footer-wrapper h2, .layout-container > footer #footer-wrapper-full-width #footer-wrapper h3, .layout-container > footer #footer-wrapper-full-width #footer-wrapper h4 {
    color: white;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 45px;
    font-weight: 700; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper h4 {
    margin-top: 50px; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper .contextual ul li a {
    color: black; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-aboutus i, .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-aboutus svg {
    height: 20px;
    width: 20px; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-contactus i, .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-contactus svg {
    height: 13px;
    width: auto;
    padding-right: 10px; }
  .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-managedby #gssp-footer-fs {
    display: table; }
    .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-managedby #gssp-footer-fs #gssp-footer-logo {
      background-image: url("/themes/custom/gssp_stable9/images/gssp/logos/FS-icon.png");
      width: 33px;
      weight: 33px;
      display: table-cell;
      background-size: 33px 33px;
      background-repeat: no-repeat;
      padding-right: 40px;
      margin-top: -500px;
      background-position-y: 3px; }
    .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-managedby #gssp-footer-fs #gssp-footer-logo-text {
      display: table-cell; }
      .layout-container > footer #footer-wrapper-full-width #footer-wrapper #block-gssp-stable9-managedby #gssp-footer-fs #gssp-footer-logo-text a {
        color: white; }
.layout-container > footer #copyright-wrapper {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: white;
  color: black; }
  .layout-container > footer #copyright-wrapper a {
    color: black; }

table {
  width: 100%;
  margin: 10px 0;
  border-spacing: 0;
  border: 0;
  border-collapse: collapse; }
  table > tr {
    border-bottom: 1px solid #000; }
  table tr {
    background: #eaf2eb; }
    table tr th {
      color: white;
      font-weight: bold;
      border-bottom-style: none;
      background: #007482;
      padding: 4px 9px;
      text-align: center;
      border: 1px solid #fff; }
      table tr th a {
        color: white; }
      table tr th .tablesort {
        width: 14px;
        height: 14px;
        margin: 1px 0 0 5px;
        vertical-align: top;
        display: inline-block;
        background-size: 100%; }
      table tr th .tablesort--desc {
        background-image: url(/core/misc/icons/ffffff/twistie-down.svg); }
      table tr th .tablesort--asc {
        background-image: url(/core/misc/icons/ffffff/twistie-up.svg); }
    table tr td {
      padding: 4px 9px;
      text-align: left;
      border: 1px solid #fff; }

/*************************************
 * Expenditures in activity 
 *************************************/
.gssp-activity-expenditures-wrapper,
#inline-entity-form-field_act_expenditures-form .fieldset__wrapper {
  width: 100%;
  display: inline-block;
  overflow-x: scroll; }

.gssp-activity-expenditures-wrapper table,
#inline-entity-form-field_act_expenditures-form table {
  border: 1px solid black;
  border-collapse: collapse;
  min-width: 1000px; }
  .gssp-activity-expenditures-wrapper table th, .gssp-activity-expenditures-wrapper table td,
  #inline-entity-form-field_act_expenditures-form table th,
  #inline-entity-form-field_act_expenditures-form table td {
    border: 1px solid black;
    border-collapse: collapse; }
  .gssp-activity-expenditures-wrapper table th,
  #inline-entity-form-field_act_expenditures-form table th {
    text-align: center;
    min-width: 60px; }
  .gssp-activity-expenditures-wrapper table td,
  #inline-entity-form-field_act_expenditures-form table td {
    text-align: left; }
  .gssp-activity-expenditures-wrapper table tbody tr:last-of-type,
  #inline-entity-form-field_act_expenditures-form table tbody tr:last-of-type {
    background-color: gainsboro;
    font-weight: bold; }

.gssp-budget-line-item-wrapper,
.gssp-pkpi-report-table-wrapper,
.gssp-pkpi-table-report-wrapper,
.gssp-pkpi-table-wrapper,
.gssp-activity-table-wrapper {
  /* Acivity list */
  width: 100%;
  display: inline-block;
  overflow-x: scroll; }
  .gssp-budget-line-item-wrapper table,
  .gssp-pkpi-report-table-wrapper table,
  .gssp-pkpi-table-report-wrapper table,
  .gssp-pkpi-table-wrapper table,
  .gssp-activity-table-wrapper table {
    min-width: 100%;
    border: 1px solid black;
    border-collapse: collapse; }
    .gssp-budget-line-item-wrapper table th, .gssp-budget-line-item-wrapper table td,
    .gssp-pkpi-report-table-wrapper table th,
    .gssp-pkpi-report-table-wrapper table td,
    .gssp-pkpi-table-report-wrapper table th,
    .gssp-pkpi-table-report-wrapper table td,
    .gssp-pkpi-table-wrapper table th,
    .gssp-pkpi-table-wrapper table td,
    .gssp-activity-table-wrapper table th,
    .gssp-activity-table-wrapper table td {
      border: 1px solid black;
      border-collapse: collapse; }
    .gssp-budget-line-item-wrapper table thead th,
    .gssp-pkpi-report-table-wrapper table thead th,
    .gssp-pkpi-table-report-wrapper table thead th,
    .gssp-pkpi-table-wrapper table thead th,
    .gssp-activity-table-wrapper table thead th {
      text-align: center; }
    .gssp-budget-line-item-wrapper table td,
    .gssp-pkpi-report-table-wrapper table td,
    .gssp-pkpi-table-report-wrapper table td,
    .gssp-pkpi-table-wrapper table td,
    .gssp-activity-table-wrapper table td {
      text-align: left; }

.gssp-budget-line-item-wrapper table tbody tr:last-of-type {
  background-color: gainsboro;
  font-weight: bold; }

/* Milestone Table */
table.gssp-milestone-table {
  min-width: 100%;
  border: 1px solid black;
  border-collapse: collapse; }
  table.gssp-milestone-table th, table.gssp-milestone-table td {
    border: 1px solid black;
    border-collapse: collapse; }
  table.gssp-milestone-table thead th {
    text-align: center; }
  table.gssp-milestone-table td {
    text-align: left; }

/* Measure in project */
body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table {
  min-width: 100%;
  border: 1px solid black;
  border-collapse: collapse; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table th, body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table td {
    border: 1px solid black;
    border-collapse: collapse; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table thead {
    background-color: gainsboro; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table th {
    text-align: center;
    min-width: 60px; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-measures table td {
    text-align: left; }

/* Risks in project */
body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1,
body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2,
body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 {
  width: 100%;
  display: inline-block;
  overflow-x: scroll; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1 table,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1 table th,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1 table td,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2 table,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2 table th,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2 table td,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 table,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 table th,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 table td {
    border: 1px solid black;
    border-collapse: collapse; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1 table th,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2 table th,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 table th {
    text-align: center;
    min-width: 60px; }
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-1 table td,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-2 table td,
  body.page-node-type-project .node--view-mode-full .field--name-field-project-risk-comp-3 table td {
    text-align: left; }

/**
 * supserviews table
 */
table.gssp-superview-table-workplan {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  overflow-x: scroll; }
  table.gssp-superview-table-workplan thead,
  table.gssp-superview-table-workplan tr.gssp-superview-header {
    background-color: #206b85;
    color: white; }
  table.gssp-superview-table-workplan td.gssp-superview-rotate {
    writing-mode: vertical-lr;
    transform: rotate(180deg); }
  table.gssp-superview-table-workplan td.gssp-superview-act-header {
    background-color: orange; }
  table.gssp-superview-table-workplan td.gssp-superview-milestone {
    background-color: #969696;
    text-align: right; }

.node {
  margin-top: 20px; }
  .node footer {
    text-align: left; }

.node--type-milestone.node--view-mode-no-title,
.node--type-project-partner.node--view-mode-no-title {
  /** Activity:  partners **/
  display: table;
  overflow-x: scroll; }
  .node--type-milestone.node--view-mode-no-title .node__content,
  .node--type-project-partner.node--view-mode-no-title .node__content {
    padding-bottom: 0; }
  .node--type-milestone.node--view-mode-no-title .field__item,
  .node--type-milestone.node--view-mode-no-title .gssp-partner-external,
  .node--type-milestone.node--view-mode-no-title .gssp-partner-external .field__item,
  .node--type-project-partner.node--view-mode-no-title .field__item,
  .node--type-project-partner.node--view-mode-no-title .gssp-partner-external,
  .node--type-project-partner.node--view-mode-no-title .gssp-partner-external .field__item {
    display: table-cell;
    width: 200px;
    border: 1px solid black; }
  .node--type-milestone.node--view-mode-no-title .gssp-partner-external,
  .node--type-project-partner.node--view-mode-no-title .gssp-partner-external {
    background-color: #f0f0f0;
    border: none;
    width: auto; }

.profile .gssp-meas-rperiod-label,
body.page-node-type-pkpi-report .gssp-meas-rperiod-label,
body.page-node-type-pkpi .gssp-meas-rperiod-label,
body.page-node-type-activity .gssp-meas-rperiod-label,
body.page-node-type-measure .gssp-meas-rperiod-label {
  width: 250px;
  display: inline-block; }
.profile .field--label-inline .field__label,
body.page-node-type-pkpi-report .field--label-inline .field__label,
body.page-node-type-pkpi .field--label-inline .field__label,
body.page-node-type-activity .field--label-inline .field__label,
body.page-node-type-measure .field--label-inline .field__label {
  width: 150px;
  display: inline-block; }
.profile .field--label-inline .field__item,
body.page-node-type-pkpi-report .field--label-inline .field__item,
body.page-node-type-pkpi .field--label-inline .field__item,
body.page-node-type-activity .field--label-inline .field__item,
body.page-node-type-measure .field--label-inline .field__item {
  max-width: calc(100% - 155px);
  display: inline-block; }

body.page-node-type-project .field--label-inline .field__label {
  width: 250px;
  display: inline-block; }
body.page-node-type-project table {
  width: 180%; }

form.profile-form .form-item label,
form.node-form .form-item label {
  width: 150px;
  display: inline-block; }
form.profile-form .address-container-inline .form-item:nth-of-type(2) label,
form.node-form .address-container-inline .form-item:nth-of-type(2) label {
  width: auto; }
form.profile-form .field--widget-text-textarea label,
form.node-form .field--widget-text-textarea label {
  width: auto; }

form#node-report-period-form .form-item label {
  width: 100px;
  display: inline-block; }
form#node-report-period-form .js-form-type-vertical-tabs {
  display: none; }

.block#block-gssp-stable9-gsspreadytosubmitcheck {
  background-color: #eaf2eb;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 20px; }