/* ================= general style ===============*/
body {
    font-size: 16px;
}

.bg-dark {
    background: linear-gradient(#1c1c1c, #1c1c1c) !important;
    background-color: #1c1c1c !important;
    color: #f2f2f2;
}

.bd-dark {
    border: 1px solid #343434;
}

.bg-grey {
    background: linear-gradient(#343434, #343434) !important;
    background-color: #343434 !important;
    color: #f2f2f2;
}

.bg-dark .tbm-subnav>.tbm-item>.tbm-link-container>.tbm-link,
.bg-dark .tbm-link.level-1 {
    color: #aaaaaa !important;
    text-shadow: none;
}

.bg-dark header#sitename .name {
    text-shadow: none;
}

.bg-dark header#sitename {
    background-image: none;
}

.bg-dark .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #343434 !important;
}

.bg-dark table.dataTable tbody tr>.dtfc-fixed-left,
.bg-dark table.dataTable tbody tr>.dtfc-fixed-right,
.bg-dark table.dataTable thead tr>.dtfc-fixed-left {
    background-color: #545454 !important;
}

.bg-dark .chosen-container-single .chosen-single {
    color: #f2f2f2;
    box-shadow: none;
}

.bg-dark .flexorder {
    color: #f2f2f2;
}

.bg-dark div.default-inventory-banner>strong {
    background-color: #f2f2f2;
}

header#sitename {
    /*background:right no-repeat url("../images/transparency.png") ;
    background:right no-repeat url("../images/fond-risq.jpg") ;
    background: right no-repeat url("../images/image_pk.png");*/
	/*background: right no-repeat url("../images/mrv_tunisie.png");*/
}

div.field-description {
    display: inline;
    margin: 0.2em 0;
    color: #595959;
    font-size: 0.9em;
}

.block-help {
    text-align: justify;
    margin-bottom: 2em;
}

div.footer-wrapper {
    /*background-color: #eaeff7;*/
    background-color: #ffffff;
    width: 100%;
    padding-top: 0.3em;
}

/*
div.header-wrapper{
    width:100%;
    background: right no-repeat url("images/risq_banner.png") ;
}
*/
div.main-wrapper {
    background: linear-gradient(225deg, #B2DFFF, #DBF0FF, #ffffff);

    /* background-color:#e6e6de;*/
    border-top: 3px solid #34a853;
    border-bottom: 3px solid #34a853;
    width: 100%;
    padding-bottom: 4em;
}

div.main-container {
    padding-top: 1em;
    width: 100%;
}

div.region-content {
    padding: 1em;
    border-radius: 5px;
}

ol.breadcrumb {
    display: none;
}

/*
ol.breadcrumb{
    background-color:#eaeff7;
    font-size:1.1em;
    margin-bottom:12px;
}
*/
h1,
.h1 {
    font-size: 24px;
}

h1.page-header {
    width: 100%;
    color: #34a853;
    border-left: 4px dotted #34a853;
    border-bottom: 1px solid #34a853;
    padding-left: 12px;
    padding-bottom: 6px;
    grid-column: 1;
    grid-column-end: 3;
}

h2,
.h2 {
    font-size: 20px;
}

h3,
.h3 {
    font-size: 18px;
}

table {
    border: 1px solid #ddd;
    margin-top: 1em;
}

.table thead tr th {
    background-color: #08640054;
    border-top: 2px solid #4c6189 !important;
    border-bottom: 1px solid #4c6189;
}

.table thead tr th a {
    color: #333333;
}

.data-overview-table .table tbody tr td,
.risq-form-data-checkings .table tbody tr td,
.data-analysis-table .table tbody tr td {
    white-space: nowrap;
}

.table-striped>tbody>tr.selected {
    background-color: grey;
}

div.author {
    display: none;
}

.field--label-inline .field--items {
    float: none;
    display: inline-block;
}

.content p {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    text-align: justify;
}

div.view-header p {
    text-align: justify;
}

.btn-secondary{
    background-color:#dddddd;
	margin-bottom: 1px;
    margin-right: 5px;
}
.btn-secondary:hover{
    background-color:#bbbbbb;
}

.button--primary {
    margin-bottom: 1px;
    margin-right: 5px;
}

div.btn-action,
a.btn-action,
li.btn-action {
    background-color: #34a853;
    color: #ffffff;
}

li.btn-action {
    margin: 3px;
}

div.btn-action:hover,
a.btn-action:hover,
li.btn-action:hover {
    background-color: #888;
}

div.btn-action a,
li.btn-action a {
    color: #ffffff;
}

div.action-list div.btn {
    display: block;
}

.select-wrapper select {
    line-height: 1.2;
}

.vertical-tab-title {
    font-weight: bold;
    color: #007200;
    border-bottom: 1px solid #007200;
    padding-bottom: 3px;
    width: 100%;
}


div.field >div.field--item > div.paragraph {
    border:1px solid #aaaaaa;
    border-radius: 5px;
    padding-top:0.5em;
    padding-bottom:0.5em;  
}
div.field >div.field--item:nth-child(even) > div.paragraph {
    background-color: #f5f5f5;
}

/* ============== header ================*/
/*
div.header-wrapper{
    background: no-repeat center url("../images/fond-risq.jpg");
}*/
div.header-wrapper {
    /*background-color: #eaeff7;*/
    background-color: #ffffff;
}

.navbar-brand {
    font-size: 26px;

}

/*
header#sitename{
    padding-bottom:1.5em;
}*/
header#sitename .container {
    position: relative;
    width: 100%;
}

header#sitename .logo {
    background-color: transparent;
}

header#sitename .logo img {
    width: 140px
}

header#sitename .navbar-text {
    /*display:both;
    position:absolute;
    */
}


div.default-inventory-banner {
    margin: 11px 3px;
    display: flex;
    flex-direction: column;
    min-width: 20%;
    border-radius: 5px;
}

@media only screen and (max-width: 1200px) {
    div.default-inventory-banner {
        display: none;
    }
}

div.default-inventory-banner:hover {
    box-shadow: -2px 4px 8px grey;
}

div.default-inventory-banner>.coldirectioninfo {
    font-size: 0.8em;
    background-color: #34a853;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

div.default-inventory-banner>strong {
    background-color: white;
    font-size: 0.9em;
    text-align: center;
}

@media only screen and (max-width: 750px) {
    div.default-inventory-banner {
        display: none;
    }
}

#block-mrv-pakistan-menuducomptedelutilisateur {
    min-width: 170px;
    position: absolute;
    top: 0px;
    right: 20px;
    background-color: rgba(0, 115, 0, 1);
    border-radius: 0 0 5px 5px;
    padding-right: 14px;
}

#block-mrv-pakistan-menuducomptedelutilisateur ul.menu li a {
    margin: 3px 10px;
    padding: 0;
    color: #ffffff;
}

#block-mrv-pakistan-dropdownlanguage {
    width: 140px;
    position: absolute;
    top: 10px;
    right: 250px;
}

#block-mrv-pakistan-dropdownlanguage .panel {
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

#block-mrv-pakistan-dropdownlanguage .panel-heading {
    display: none;
}

#block-mrv-pakistan-dropdownlanguage .panel-body {
    padding: 0;
}

#block-navigationprincipale .contextual {
    left: 0;
    right: unset;
}

#navbar {
    background-color: transparent;
    padding: 0;
    border: 0;
    margin-bottom: 0;
}

#navbar>div>div>nav>ul>li.dropdown {
    margin: 0 3px 0 3px;
    border-radius: 5px 5px 0 0;
    background-color: rgba(0, 115, 0, 1);
    /*max-width:145px;*/

}

#navbar>div>div>nav>ul>li.open>ul.dropdown-menu .expanded {
    border-top: solid #aaa 1px;
    border-bottom: solid #aaa 1px;
    background-color: rgb(238, 238, 238);
}

#navbar>div>div>nav>ul>li.open>ul.dropdown-menu>li>ul.dropdown-menu {
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
    box-shadow: none;
}

#navbar>div>div>nav>ul>li.open>ul.dropdown-menu li:hover {
    background-color: #888;
}

#navbar>div>div>nav>ul>li.active-trail {
    background-color: rgb(238, 238, 238);
}

#navbar li a.dropdown-toggle {
    color: rgb(238, 238, 238);
}

#navbar li.active-trail a.dropdown-toggle,
#navbar li.open>a {
    color: rgb(51, 51, 51);
    border-radius: 5px 5px 0 0;
}

.navbar-header {
    width: 100%;
    clear: both;
}

.view-empty {
    font-size: 1.2em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 1.2em;
    margin: 2em 0;
    border: solid 1px red;
    background-color: #ffc0cb;
    border-radius: 5px;
}

/*============= Local task TABS =======================*/
nav.tabs ul.nav-tabs {
    border: 0;
    text-align: center;
}

nav.tabs ul.nav-tabs li.active {
    display: none;

}

nav.tabs ul.nav-tabs li {
    margin: 3px 5px;
    border-radius: 3px;
    background-color: rgba(0, 115, 0, 1);
    float: none;
    display: inline-block;
}

nav.tabs ul.nav-tabs li:hover {
    background-color: #888;
}

nav.tabs ul.nav-tabs li a {
    border: 0;
}

nav.tabs ul.nav-tabs li a:hover {
    background-color: #aaaaaa;
}


nav.tabs ul.nav-tabs li a {
    color: #ffffff;
}

/*=============Footer=======================*/
section#block-mrv-pakistan-footer h2.block-title {
    display: none;
}

div.footer-wrapper {
    /*background-color:#ffffff;*/
    margin-bottom: 3em;
}

footer.footer {
    margin-top: 0;
    width: 100%;
}

#block-mrv-pakistan-footer {
    /*background-color:#ffffff;*/
    padding: 1em;
    border-radius: 5px;
}

div.footer-logos img {
    margin: 0 1em;
}

div.footer-logos {
    margin-bottom: 1em;
    padding: 1em;
    border-bottom: 2px solid #000;
    text-align: center;
    border-radius: 5px;
    background-color: #ffffff;
}

ul.menu--footer {
    margin-top: 2em;
    text-align: center;
}

ul.menu--footer li {
    display: inline-block;
}

/*=============Front page=======================*/
div.view-frontpage {
    display: none;
}

@media only screen and (min-width: 560px) {

    .path-frontpage section#block-mrv-pakistan-fronttext,
    .path-frontpage section#block-mrv-pakistan-connexionutilisateur {
        /*max-width:49%;*/
        display: inline-block;
        padding: 2em;
        vertical-align: top;
        text-align: justify;
    }
}

.path-frontpage div.region-content section h2.block-title {
    margin-bottom: 1em;
}

section#block-mrv-pakistan-fronttext h2.block-title,
section#block-fronttext-2 h2.block-title {
    display: none;
}

/*=============forms=======================*/
.chosen-container-single a.chosen-single {
    border: 0;
    padding: 0;
    background: none;
}

.chosen-container-single a.chosen-single b {
    display: none;
}

.chosen-container {
    min-width: 250px;
}

.chosen-drop {
    min-width: 400px;
}

.empty-search {
    margin: 2.5em;
    font-weight: bold;
    text-align: center;
}

div.download-link {
    margin: 1em;
}

div.download-link a {
    min-width: 400px;
}

div.field--widget-options-buttons fieldset legend {
    border-bottom: 0;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px !important;
}

form div.description {
    color: #777777;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 0px;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

div.term-reference-tree-button {
    margin-right: 18px;
}

.btn-download>a::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

/*================ Inventory ==========================*/
.field--name-field-fichier-d-inventaire>.field--item {
    border-bottom: 2px solid #dddddd;
    padding-bottom: 1em;
    padding-top: 1em;
}

.field--name-field-fichier-d-inventaire>.field--item:nth-child(even) {
    background-color: #f9f9f9;
}

.field--item span.file {
    display: unset;
}

.field--item span.file span.file-link {
    max-width: 450px !important;
}

.file-link {
    width: initial;
}

div.field--name-field-fichier-d-inventaire {
    border-top: 3px solid #80cbc4;
}

/*
div.field--name-field-fichier-d-inventaire div.panel-default{
    max-width:750px;
}
*/
div.field--name-field-liste-des-fichiers-exporte article {
    margin-bottom: 1.5em;
}

div.field--name-field-liste-des-fichiers-exporte article h2 {
    display: none;
}

div.upload-link {
    margin-top: 1em;
}

div.upload-link a {
    color: #ffffff;
}

div.inventory-file-label {
    display: none;
}

span.file-filename {
    /*font-size:1.2em;*/
    font-weight: bold;
    padding: 3px 7px;
    border-left: 3px solid gold;
    margin-left: 3px;
}

span.file-status-color,
span.inv-status-color,
span.as-status-color,
span.eas-status-color,
span.legend-item-color {
    color: #ffffff;
    padding: 3px;
    border-radius: 3px;
}

span.legend-item-color {
    width: 30px;
    display: inline-block;
    margin-right: 8px;
}

/*
div.vertical-tabs-pane{
    max-height:600px;
    overflow-x: auto;
}
*/
/*=============== Import ============*/
#risq-import-form-import-file button {
    margin-right: 1em;
}

.import-no-error-message {
    margin: 1.2em 0;
}

/*===============Verification=========*/

span.legend-item-class {
    display: inline-block;
    width: 25px;
    margin-right: 3px;
}

div.legend-item {
    display: inline-block;
    margin: 3px;
    width: 25%;

}

/*======================= books =================================*/
nav.book-nav {
    margin-top: 20px;
}

nav.book-nav ul {
    border-top: solid 1px #aaaaaa;
    padding: 1em;
    list-style: none;
}

nav.book-nav .book-nav-title {
    display: none;
}

ul.book-nav-links {

    text-align: center;
    margin: 1.5em;
}

ul.book-nav-links li {
    margin: 1em;
}

ul.book-nav-links li a {
    margin: 12px;
}

ul.links {
    margin-top: 40px;
    text-align: center;
}

ul.links li {
    margin: auto;
}

div.book-nav-tree ul li a {
    color: #595959;
}

ul.links li a {
    color: #595959;
}

/*=======================Actions ====================*/
/*div.field--name-field-data-updated-year{
    display:none;
}*/

.paragraph .panel-body .panel-heading {
    background-color: #C0C0C0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.paragraph .panel-body .panel-heading .panel-title {
    color: #000;
}

div.indicator-card {
    text-align: center;
    margin: 1.5em;
}

div.indicator-card h2 {
    font-size: 16px;
}

div.indicator-card h2 span.identifier {
    color: #808080;
    font-size: 0.8em;
}

div.indicator-card div.current-value {
    margin: 1.1em;
}

div.indicator-card div.current-value b {
    font-size: 1.3em;
}

div.indicator-card div.time-range {
    margin-top: 1em;
    padding-bottom: 2em;
    font-size: 0.9em;
    color: #808080;
    border-bottom: 3px solid #007200;
}

/*======= Multi step form =============*/
section.block-forms-steps ol {
    background-color: #e7e7e7;
    border: 1px solid #000;
}

section.block-forms-steps ol li {
    display: inline-block;
    padding: 3px 0.3em;
    color: #000;
    font-weight: bold;
}

section.block-forms-steps ol li a {
    /*
    background-color: rgba(0, 98, 168, 0.75);
    padding:3px 1em;
    color:#fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left:10px solid rgba(0, 98, 168, 0.75);
    */
}

/*=========== Workflow progress bar ==============*/
.moderation-progress-line {
    width: 100%;
}

.progressbar {
    margin-bottom: 30px;
    text-align: center;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step
}

.progressbar-2 li {
    width: 50%;
}

.progressbar-3 li {
    width: 33%;
}

.progressbar-4 li {
    width: 25%;
}

.progressbar-5 li {
    width: 20%;
}

.progressbar-6 li {
    width: 15%;
}

.progressbar-7 li {
    width: 12.5%;
}

.progressbar-8 li {
    width: 8%;
}

.progressbar li {
    list-style-type: none;
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    position: relative;
    background-color: transparent;
}

.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background-color: #CCC;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

.progressbar li:after {
    content: '';
    width: 85%;
    height: 2px;
    background-color: #CCC;
    position: absolute;
    left: -42%;
    top: 9px;
    z-index: 1;
    /*put it behind the numbers*/
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active:before,
#progressbar li.active:after {
    background-color: #27AE60;
    color: white;
}

/*===============Taxonomy term=========*/
.view-taxonomy-term div.feed-icons {
    display: none;
}

.field--item .paragraph {
    margin-bottom: 1.5em;
}

.entity-moderation-form {
    border: 0;
    background-color: transparent;
}

div.entity-moderation-block {
    width: 100%;
    border: 1px dashed #bbb;
    padding: 1em;
    margin-bottom: 1em;
}

div.entity-moderation-progress,
div.entity-moderation-instructions {
    width: 100%;
    clear: both;
    display: block;
}

div.entity-moderation-instructions {
    text-align: justify;
}

div.vertical-tabs-panes {
    background-color: #fff;
    padding-bottom: 5em !important;
}

/*******************************
 form display
 ******************************/

/* #edit-year-check {
    width:800px;
    border:1px solid black;
    display:flex;
    justify-content :  space-evenly;
}
#edit-year-check .form-type-checkbox{
    display:fl;
} */

.field--widget-term-reference-tree {
    width: 100%;
}

.field--widget-term-reference-tree .fieldgroup {
    width: 100%;
    border: 0;
}

.field--widget-term-reference-tree .fieldgroup .panel-heading {
    font-weight: bold;
    padding: 0;
    border: 0;
    background-color: transparent;
}

/* 
.panel-default > .panel-heading {
    background-color: #34a853;
}
div.field--type-entity-reference .panel-default > .panel-heading {
    background-color:#08640054;
}

.panel-default > .panel-heading> .panel-title {
    color: #fff;
}
*/
.panel-default>.panel-heading>a[aria-expanded="false"]::after {
    content: " \e258";
    font-family: "Glyphicons Halflings";
}

.panel-default>.panel-heading>a[aria-expanded="true"]::after {
    content: " \e259";
    font-family: "Glyphicons Halflings";
}

#field-fichier-d-inventaire-values .paragraph-type-top {
    background-color: #d9d8d8;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

#field-fichier-d-inventaire-values .paragraph-type-top .paragraph-type-title {
    font-weight: bold;
    padding-left: 1em;
}

#field-fichier-d-inventaire-values .panel-default>.panel-heading {
    background-color: #dbf2fe;
}

#field-fichier-d-inventaire-values .panel-default>.panel-heading>.panel-title {
    color: #000000;
}

div[id*="subform-group-year"] .panel-body .panel-heading,
#edit-group-strength-transparency .panel-body .panel-heading,
#edit-group-strength-capacity .panel-body .panel-heading,
#edit-group-transfer-and-dev .panel-body .panel-heading,
#edit-group-financial-support .panel-body .panel-heading {
    background-color: #C0C0C0;
}

/* #field-donnees-variables-values div[id*="subform-group-year--content"] {
    border: 1px solid red;
} */

div[id*="subform-group-year"] .panel-body .panel-heading .panel-title,
#edit-group-strength-transparency .panel-body .panel-heading .panel-title,
#edit-group-strength-capacity .panel-body .panel-heading .panel-title,
#edit-group-transfer-and-dev .panel-body .panel-heading .panel-title,
#edit-group-financial-support .panel-body .panel-heading .panel-title {
    color: #000;
    border-top: solid 2px #000;
    border-bottom: solid 1px #000;

}

#edit-group-strength-transparency .panel-body .panel-body .panel-heading,
#edit-group-strength-capacity .panel-body .panel-body .panel-heading,
#edit-group-transfer-and-dev .panel-body .panel-body .panel-heading,
#edit-group-financial-support .panel-body .panel-body .panel-heading {
    background-color: #e9e9e9 !important;

}

div[id*="-subform-group-permissions--content"] .chosen-container {
    width: 100% !important;
}


/* .panel-default > .panel-heading .panel-heading{
    background-color:#d9d8d8;
} */

/* select[name*="field_data_updated_year"] {
    width:50%;
} */

div[class*="field-data-updated-year"]>.select-wrapper,
div[class*="-subform-field-etat-de-mise-en-oeuvre"]>.select-wrapper,
div[class*="-subform-field-type-financial-instrument"]>.select-wrapper,
div[class*="-subform-field-canal"]>.select-wrapper,
div[class*="-subform-field-contrib-to-technology-dev"]>.select-wrapper,
div[class*="-subform-field-contrib-to-capacity-build"]>.select-wrapper {
    width: initial;
}

/* hide table th which contain same label than group */
#field-donnees-variables-values th.field-label {
    display: none;
}

/* hide paragraph name  which contain same label thaan group */
/* #field-donnees-variables-values div[id*="top-paragraph-type-title"] {
    visibility:hidden;
} */

/* hide drag and drop td on donnees variable actions */
/* #field-donnees-variables-values .field-multiple-drag {
    display:none;
} */

/* #edit-field-donnees-variables-wrapper  thead{
    display: none;
} */

/* #edit-field-donnees-variables-wrapper div[id*="-top-paragraph-type-title"] {
    visibility:hidden;
} */

/* #edit-field-donnees-variables-wrapper .field-multiple-drag {
    display:none;
} */

div.field-group-html-element {
    margin-bottom: 2.5em;
}


#edit-field-financial-support-internat-wrapper thead,
#edit-group-anual-data-strenght thead,
#edit-group-anual-data-transfer thead,
#edit-group-anual-data-capacity thead,
#edit-field-donnees-variables-wrapper thead,
form[id*="node-support-step-"] .field--widget-entity-reference-paragraphs thead {
    display: none;
}

#edit-field-financial-support-internat-wrapper div[id*="-top-paragraph-type-title"],
#edit-group-anual-data-strenght div[id*="-top-paragraph-type-title"],
#edit-group-anual-data-transfer div[id*="-top-paragraph-type-title"],
#edit-group-anual-data-capacity div[id*="-top-paragraph-type-title"],
#edit-field-donnees-variables-wrapper div[id*="-top-paragraph-type-title"],
#field-donnees-variables-values div[id*="top-paragraph-type-title"],
form[id*="node-support-step-"] .paragraph-type-title {

    visibility: hidden;
}

#edit-field-financial-support-internat-wrapper .field-multiple-drag,
#edit-group-anual-data-strenght .field-multiple-drag,
#edit-group-anual-data-transfer .field-multiple-drag,
#edit-group-anual-data-capacity .field-multiple-drag,
#edit-field-donnees-variables-wrapper .field-multiple-drag,
#field-donnees-variables-values .field-multiple-drag,
form[id*="node-support-step-"] .field--widget-entity-reference-paragraphs .field-multiple-drag {
    /* display:none; */
    width: 8px;
}


.node-actions-edit-form #field-donnees-variables-values div[id*="-subform-group-year"]>.panel-body,
.node-actions-form #field-donnees-variables-values div[id*="-subform-group-year"]>.panel-body {
    display: none;
    border: 1px solid red;

}

.node-actions-edit-form #field-donnees-variables-values div[id*="-subform-group-year"]>.panel-heading,
.node-actions-form #field-donnees-variables-values div[id*="-subform-group-year"]>.panel-heading {
    cursor: pointer;
}

/*
.node-actions-edit-form #field-donnees-variables-values div[id*="-subform-group-year"] > .panel-heading > .panel-title::after,
.node-actions-form #field-donnees-variables-values div[id*="-subform-group-year"] > .panel-heading > .panel-title::after,
.node-support-form div[id*="-subform-group-year"] > .panel-heading > .panel-title::after,
.node-support-edit-form div[id*="-subform-group-year"] > .panel-heading > .panel-title::after,
form[id*="node-support-step-"]   div[id*="-subform-group-year"] > .panel-heading > .panel-title::after,
#node-actions-form .field-group-details > .panel-heading > .panel-title::after,
#node-actions-edit-form .field-group-details > .panel-heading > .panel-title::after,
#node-support-form .field-group-details > .panel-heading > .panel-title::after,
#node-support-edit-form .field-group-details > .panel-heading > .panel-title::after,
#node-edition-actions-supports-form .field-group-details > .panel-heading > .panel-title::after,
#node-edition-actions-supports-edit-form .field-group-details > .panel-heading > .panel-title::after
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    padding-left:10px;
}
*/
/* in field group type = details, chosen is broken, width = 100%, so we put ! important  (like in group fields group) */
#node-actions-edit-form .field-group-details .chosen-enable,
#node-actions-form .field-group-details .chosen-enable,
#node-support-edit-form .field-group-details .chosen-enable,
#node-support-form .field-group-details .chosen-enable,
#node-edition-actions-supports-edit-form .field-group-details .chosen-enable,
#node-edition-actions-supports-form .field-group-details .chosen-enable {
    /* width: initial !important; */
    width: 100% !important;
}

form[id*="node-support-step-"] .panel-body .table-responsive {
    max-height: initial;
}

/* we hide the field field_support_actions on creation support because no action yet for this edition*/
/* #node-support-form .form-item-field-support-actions,
.node-support-step-1-form .field--name-field-support-actions
{
    display:none !important;
} */

/***********************************************
 view display
 support & actions
 ***********************************************/
.field--name-field-donnees-variables>.field--label,
.field--name-field-financial-support-internat>.field--label,
.field--name-field-technology-transfer>.field--label,
.field--name-field-capacity-building>.field--label,
.field--name-field-strengthening-transparency>.field--label {
    display: none;
}

.page-node-type-actions .paragraph--type--actions-donnees-variables,
.page-node-type-actions #edit-group-annual-data--content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

#edit-group-financial-support--content,
#edit-group-transfert-and-tec--content,
#edit-group-capacity-strength--content,
#edit-group-transparency-strength--content {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.page-node-type-actions .field--label-above,
.page-node-type-actions .field--label-inline,
.page-node-type-support .field--label-above,
.page-node-type-support .field--label-inline {
    margin-bottom: 10px;
}

.page-node-type-actions div.vertical-tabs-pane,
.page-node-type-support div.vertical-tabs-pane {
    max-height: initial;
}

.paragraph--type--support-financier,
.paragraph--type--transfert-de-technologie,
.paragraph--type--capacity-building,
.paragraph--type--strengthening-transparency {
    padding-left: 0px;
}

.page-node-type-actions .container.paragraph--type--actions-donnees-variables,
.paragraph--type--support-financier,
.paragraph--type--transfert-de-technologie,
.paragraph--type--capacity-building,
.paragraph--type--strengthening-transparency {
    width: 100%;
}

.page-node-type-actions .container.paragraph--type--actions-donnees-variables>.panel>.panel-body,
.page-node-type-support .container.paragraph--type--support-financier>.panel>.panel-body,
.page-node-type-support .container.paragraph--type--transfert-de-technologie>.panel>.panel-body,
.page-node-type-support .container.paragraph--type--capacity-building>.panel>.panel-body,
.page-node-type-support .container.paragraph--type--strengthening-transparency>.panel>.panel-body {
    display: none;
}

.page-node-type-actions .container.paragraph--type--actions-donnees-variables>.panel>.panel-heading,
.page-node-type-support .container.paragraph--type--support-financier>.panel>.panel-heading,
.page-node-type-support .container.paragraph--type--transfert-de-technologie>.panel>.panel-heading,
.page-node-type-support .container.paragraph--type--capacity-building>.panel>.panel-heading,
.page-node-type-support .container.paragraph--type--strengthening-transparency>.panel>.panel-heading {
    cursor: pointer;
}



.page-node-type-actions .container.paragraph--type--actions-donnees-variables>.panel>.panel-heading .panel-title::after,
.page-node-type-support .container.paragraph--type--support-financier>.panel>.panel-heading .panel-title::after,
.page-node-type-support .container.paragraph--type--transfert-de-technologie>.panel>.panel-heading .panel-title::after,
.page-node-type-support .container.paragraph--type--capacity-building>.panel>.panel-heading .panel-title::after,
.page-node-type-support .container.paragraph--type--strengthening-transparency>.panel>.panel-heading .panel-title::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    padding-left: 10px;
}


div.field--widget-text-textarea div.js-filter-wrapper {
    display: none;
}

ul.menu>li>a[data-drupal-link-system-path="inventory"]::before {
    content: '\e185';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="calendar-deadline"]::before {
    content: '\e109';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="documents"]::before {
    content: '\e043';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="edition-actions-supports"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="climate-informations"]::before {
    content: "\e044";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="admin"]::before {
    content: '\e019';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="<front>"]::before {
    content: '\e021';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2209"]::before {
    content: "\e064";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2210"]::before {
    content: "\231b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2471"]::before {
    content: "\e200";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2326"]::before {
    content: "\e104";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2325"]::before {
    content: "\e135";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2293"]::before {
    content: "\e239";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/2206"]::before {
    content: "\e165";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="edition/create-edition"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="edition/default-edition"]::before {
    content: "\e029";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="adaptation-actions"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="adaptation-indicators"]::before {
    content: "\e141";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="adaptation-objectives"]::before {
    content: "\e146";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/add/adaptation_action"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="support/add"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="edition/my-export"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="edition/export-list"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="inventory/dashboard"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="inventory"]::before {
    content: "\e029";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="inventory/create-inventory"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="data/comparison"]::before {
    content: "\e224";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="data/quickview"]::before {
    content: "\e105";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="data/analysis"]::before {
    content: "\e230";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="data/statistics"]::before {
    content: "\e185";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="data/checkings"]::before {
    content: "\e084";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link="/exports/all-exports"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="exports/reporting-trend"]::before {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="exports/reporting"]::before {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link="/exports/my-exports"]::before {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="imports/my-imports"]::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="api/v1"]::before {
    content: "\e031";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="imports/list-imports"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="imports/import"]::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="supports"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link="/agenda"]::before {
    content: '\e109';
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link="/node/add/document"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="glossary"]::before {
    content: "\e151";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link="/node/add/term_du_glossaire"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/add/actions"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="mitigation-actions"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/add/task"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/add/event"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

/*  Issues  */

ul.menu>li>a[data-drupal-link-system-path="reviews_audits/dashboard"]::before,
ul.menu>li>a[data-drupal-link-system-path="improvement_plans/dashboard"]::before,
ul.menu>li>a[data-drupal-link-system-path="issues/dashboard"]::before {
    content: "\e012";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="node/add/reviews_audits"]::before,
ul.menu>li>a[data-drupal-link-system-path="node/add/improvement_plans"]::before,
ul.menu>li>a[data-drupal-link-system-path="node/add/issues"]::before {
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}


ul.menu>li>a[data-drupal-link-system-path="supports/import"]::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="mitigation-actions/import"]::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="adaptation-actions/import"]::before {
    content: "\e166";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="edition/export"]::before {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}

ul.menu>li>a[data-drupal-link-system-path="supports/dashboard"]::before {
    content: "\e210";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="mitigation-actions/dashboard"]::before {
    content: "\e210";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}
ul.menu>li>a[data-drupal-link-system-path="adaptation-actions/dashboard"]::before {
    content: "\e210";
    font-family: 'Glyphicons Halflings';
    padding-right: 5px;
}



/* div[id*="edit-field-verifications-form"] label { */
/* display:inline-block; */
/* } */
/* div[id*="edit-field-verifications-form"] input { */
/* display:inline-block; */
/* width: 50%; */
/* } */

tr.selected-line td {
    border-bottom: 2px solid orange;

}


div.field {
    clear: both;
}

form .container,
div.vertical-tabs-panes .container {
    width: 100%;
}




/* Partie principale home page */

#block-menumainmenu .menu-wrapper,
#block-inventoriesnew .menu-wrapper,
#block-issuesnew .menu-wrapper,
#block-actionssupports .menu-wrapper,
#block-actionssupportsnew .menu-wrapper,
#block-mrv-pakistan-resources .menu-wrapper,
#block-climateinformations .menu-wrapper,
#block-climateinformationsnew .menu-wrapper,
#block-administration .menu-wrapper,
#block-administrationnew .menu-wrapper,
#block-agenda .menu-wrapper,
#block-document .menu-wrapper {
    /* background-color: #6495ed; */
    margin-bottom: 2em;
    transition: all ease 0.3s;
}

/* Inventories */
#block-menumainmenu .menu-wrapper,
#block-inventoriesnew .menu-wrapper{
    background-color: #34a853;
}

/*  Issues  */
#block-issuesnew .menu-wrapper {
    background-color: #BAAEAA;
}

/* Actions & supports */
#block-actionssupports .menu-wrapper,
#block-actionssupportsnew .menu-wrapper {
    background-color: #F4961C;
}

/* Climates informations */

#block-climateinformations .menu-wrapper,
#block-climateinformationsnew .menu-wrapper {
    background-color: #708FFF;
}
#block-mrv-pakistan-resources .menu-wrapper{
    background-color: #708FFF;
}

/* Administration */
#block-administration .menu-wrapper,
#block-administrationnew .menu-wrapper {
    background-color: #FF6359;
}

#block-inventoriesnew .menu-wrapper,
#block-issuesnew .menu-wrapper,
#block-actionssupportsnew .menu-wrapper,
#block-mrv-pakistan-resources .menu-wrapper,
#block-climateinformationsnew .menu-wrapper,
#block-administrationnew .menu-wrapper {
    grid-column-start: 1;
    grid-column-end: 3;
}

.contextual-region {
    grid-column-start: 1;
    grid-column-end: 3;
}
/*
#block-document {
    grid-column-start: 1;
    grid-column-end: 2;
}

#block-agenda {
    grid-column-start: 2;
    grid-column-end: 3;
}
*/

#block-menumainmenu>.menu-wrapper>.divmenubckground,
#block-inventoriesnew>.menu-wrapper>.divmenubckground,
#block-issuesnew>.menu-wrapper>.divmenubckground,
#block-actionssupportsnew>.menu-wrapper>.divmenubckground,
#block-mrv-pakistan-resources>.menu-wrapper>.divmenubckground,
#block-actionssupports>.menu-wrapper>.divmenubckground,
#block-climateinformations>.menu-wrapper>.divmenubckground,
#block-climateinformationsnew>.menu-wrapper>.divmenubckground,
#block-administration>.menu-wrapper>.divmenubckground,
#block-administrationnew>.menu-wrapper>.divmenubckground {
    position: relative;
    top: 0;
    width: 200px;
    height: 200px;
    order: 1;
}

#block-menumainmenu>.menu-wrapper>.divmenubckground,
#block-inventoriesnew>.menu-wrapper>.divmenubckground {
    background: url(../inventory.png) no-repeat;
    background-position: center;
    background-size: 70%;
}

#block-issuesnew>.menu-wrapper>.divmenubckground {
    background: url(../issues.png) no-repeat;
    background-position: center;
    background-size: 70%;
}

#block-actionssupports>.menu-wrapper>.divmenubckground,
#block-actionssupportsnew>.menu-wrapper>.divmenubckground {
    background: url(../technical-support.png) no-repeat;
    background-position: center;
    background-size: 70%;
}
#block-mrv-pakistan-resources>.menu-wrapper>.divmenubckground{
    background: url(../document-texte.png) no-repeat;
    background-position: center;
    background-size: 70%;
}

#block-climateinformations>.menu-wrapper>.divmenubckground,
#block-climateinformationsnew>.menu-wrapper>.divmenubckground {
    background: url(../previsions-meteorologiques.png) no-repeat;
    background-position: center;
    background-size: 70%;

}

#block-administration>.menu-wrapper>.divmenubckground,
#block-administrationnew>.menu-wrapper>.divmenubckground {
    background: url(../administrateur.png) no-repeat;
    background-position: center;
    background-size: 70%;

}




#block-menumainmenu>.menu-wrapper:hover,
#block-actionssupports>.menu-wrapper:hover,
#block-climateinformations>.menu-wrapper:hover,
#block-administration>.menu-wrapper:hover,
#block-agenda>.menu-wrapper:hover,
#block-document>.menu-wrapper:hover {
    box-shadow: -2px 4px 8px black;
    margin-bottom: 2em;
}

#block-menumainmenu>.menu-wrapper,
#block-inventoriesnew>.menu-wrapper,
#block-issuesnew>.menu-wrapper,
#block-actionssupportsnew>.menu-wrapper,
#block-mrv-pakistan-resources>.menu-wrapper,
#block-actionssupports>.menu-wrapper,
#block-climateinformations>.menu-wrapper,
#block-climateinformationsnew>.menu-wrapper,
#block-administration>.menu-wrapper,
#block-administrationnew>.menu-wrapper {
    display: flex;
    justify-content: center;
    /*height: fit-content;*/
    height: 200px;
    overflow: hidden;
}

#block-menumainmenu>.menu-wrapper>h2,
#block-actionssupports>.menu-wrapper>h2,
#block-climateinformations>.menu-wrapper>h2,
#block-administration>.menu-wrapper>h2 {
    font-size: 2em;
    min-width: 200px;
    height: 200px;
    margin: 0;
    order: 2;
    background-color: white;
    padding-left: 0.5em;
    padding-top: 0.5em;
}

#block-menumainmenu>.menu-wrapper>ul,
#block-actionssupports>.menu-wrapper>ul,
#block-climateinformations>.menu-wrapper>ul,
#block-administration>.menu-wrapper>ul {
    padding-left: 3em;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    height: 100%;
    padding-top: 3em;
    padding-bottom: 5em;
    /* height: fit-content; */
    order: 3;
    background-color: white;
}

#block-inventoriesnew>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #34a853;
    transition: border-width 0.6s linear;
}

#block-issuesnew>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #BAAEAA;
    transition: border-width 0.6s linear;
}

#block-actionssupportsnew>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #F4961C;
    transition: border-width 0.6s linear;
}
#block-mrv-pakistan-resources>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #708FFF;
    transition: border-width 0.6s linear;
}

#block-climateinformationsnew>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #708FFF;
    transition: border-width 0.6s linear;
}

#block-administrationnew>.menu-wrapper>ul {
    display: flex;
    width: 100%;
    height: 100%;
    /* height: fit-content; */
    order: 3;
    background-color: white;
    /* transition: all ease 0.3s; */
    overflow: hidden;
    border: solid 0px #FF6359;
    transition: border-width 0.6s linear;
}

/* 
#block-inventoriesnew>ul::before, #block-actionssupportsnew>ul::before, #block-climateinformationsnew>ul::before,#block-administrationnew>ul::before {
    position: relative;
    left: -100px;
    height : 0;
    width : 0;
    border-top : 100px solid transparent;
    border-bottom : 100px solid transparent;
    border-left : 100px solid white;
    transition: all ease 0.3s;
    padding: 0;
}
#block-inventoriesnew>ul::after, #block-actionssupportsnew>ul::after,#block-climateinformationsnew>ul::after, #block-administrationnew>ul::after{
    position: relative;
    right: -100px;
    height : 0;
    width : 0;
    border-top : 100px solid transparent;
    border-bottom : 100px solid transparent;
    border-right : 100px solid white;
    transition: all ease 0.3s;
    padding: 0;
}

#block-inventoriesnew>ul:hover::before{
    transform: translateX(100px);
}
#block-inventoriesnew>ul:hover::after{
    transform: translateX(-100px);
} */

#block-inventoriesnew>.menu-wrapper>ul:hover,
#block-issuesnew>.menu-wrapper>ul:hover,
#block-actionssupportsnew>.menu-wrapper>ul:hover,
#block-mrv-pakistan-resources>.menu-wrapper>ul:hover,
#block-climateinformationsnew>.menu-wrapper>ul:hover,
#block-administrationnew>.menu-wrapper>ul:hover {
    border-width: 20px;
    /* border-right: solid 15px white; */
    transition: all ease 0.3s;
    padding: 0;

}

#block-inventoriesnew>.menu-wrapper>ul>li,
#block-issuesnew>.menu-wrapper>ul>li,
#block-actionssupportsnew>.menu-wrapper>ul>li,
#block-mrv-pakistan-resources>.menu-wrapper>ul>li,
#block-climateinformationsnew>.menu-wrapper>ul>li,
#block-administrationnew>.menu-wrapper>ul>li {
    width: 100%;
    height: 100%;
}

#block-inventoriesnew>.menu-wrapper>ul>li>a,
#block-issuesnew>.menu-wrapper>ul>li>a,
#block-actionssupportsnew>.menu-wrapper>ul>li>a,
#block-mrv-pakistan-resources>.menu-wrapper>ul>li>a,

#block-climateinformationsnew>.menu-wrapper>ul>li>a,
#block-administrationnew>.menu-wrapper>ul>li>a {
    height: 100%;
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: larger;
    text-transform: uppercase;
}

#block-menumainmenu>.menu-wrapper>ul>li,
#block-actionssupports>.menu-wrapper>ul>li,
#block-climateinformations>.menu-wrapper>ul>li,
#block-administration>.menu-wrapper>ul>li {
    min-width: 50%;
    padding: 3px 0;
    text-align: left;
    transition: all ease 0.3s;
    height: fit-content;
}

#block-menumainmenu>.menu-wrapper>ul>li>a,
#block-actionssupports>.menu-wrapper>ul>li>a,
#block-climateinformations>.menu-wrapper>ul>li>a,
#block-administration>.menu-wrapper>ul>li>a {
    border-bottom: 1px solid #BAAEAA;
    width: 75%;
    background-color: #34a853;
    color: white;
    transition: all ease 0.3s;
}


#block-menumainmenu>.menu-wrapper>ul>li>a:hover,
#block-actionssupports>.menu-wrapper>ul>li>a:hover,
#block-climateinformations>.menu-wrapper>ul>li>a:hover,
#block-administration>.menu-wrapper>ul>li>a:hover {
    padding-right: 1em;
    background-color: #34a853;
    border-top-left-radius: 20px;
    color: white;
    transform: translate(10px);
}

#block-agenda,
#block-document {
    border: solid black 1px;
    background-color: #34a853;
    /* display: flex;
    flex-direction: column;*/
    width: 65%;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

#block-agenda>h2,
#block-document>h2 {
    background-color: #34a853;
    margin: 0;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    color: white;
    order: 2;
}

#block-agenda>.divmenubckground,
#block-document>.divmenubckground {
    position: relative;

    align-items: center;
    top: 0;
    width: 100%;
    height: 4em;
    order: 1;
}

.menu--agenda,
.menu--document {
    text-align: center;
}

#block-agenda>.divmenubckground {
    background: url(../google-agenda.png) no-repeat;
    background-position: center;
    background-size: 40%;
}

#block-document>.divmenubckground {
    background: url(../document-texte.png) no-repeat;
    background-position: center;
    background-size: 40%;
}

#block-agenda>ul,
#block-document>ul {
    order: 3;
    background-color: white;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

.flexorder {
    display: flex;
    justify-content: flex-start;
    color: white;
}

/*
.page-node-type-adaptation-action .flexorder{
    background: url(../images/motos_s.jpg) no-repeat;
    -webkit-mask-image: radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.5) 50%);
  mask-image: radial-gradient(circle, black 50%, rgba(0, 0, 0, 0.5) 50%);
}
*/

/* partie notification header */

#block-views-block-notifications-block-1 {
    background-color: transparent;
    height: 50px;
    width: 200px;
}

#block-views-block-notifications-block-1>h2 {
    cursor: pointer;
}

#block-views-block-notifications-block-1>.form-group {

    /* rajouter script pour que quand on clique sa passe en display block */


}

#block-views-block-notifications-block-1>.form-group>.view-notifications {}

#block-views-block-notifications-block-1>.form-group>.view-notifications>.view-header {
    font-weight: bold;
    position: absolute;
    top: -26px;
    left: 156px;
}

#block-views-block-notifications-block-1>.form-group>.view-notifications>.view-content {
    padding: 1em;
    display: none;
    position: absolute;
    top: 70px;
    z-index: 10;
    width: 240px;
    background-color: white;
    border: solid 1px black;
}

#block-views-block-notifications-block-1 .more-link {
    background-color: #34a853;
    width: 100%;
    text-align: center;
}

#block-views-block-notifications-block-1 .more-link>a {
    background-color: #34a853;
    width: 100% !important;
    text-align: center;
    transition: all ease 0.3s;
}


#block-views-block-notifications-block-1 .more-link>a:hover {
    background-color: #BAAEAA;

}

#block-views-block-notifications-block-1 .more-link>a {
    color: white;
}

.region-header {
    display: grid;
}

.tbm-item.level-1 {
    border: 0;
}

.tbm-item.level-1::after {
    border: 0;
}

.tbm-link-container {
    align-items: center;
    transition: all ease 0.3s;
}

.level-1>.tbm-link-container {
    width: max-content;
}


.tbm-link-container:hover {
    border-bottom: 2px solid #34a853;
}

.tbm-item.level-1::after>.tbm-link-container {
    content: "->";
}

.tbm-link-container::after {
    content: "";
}

.tbm--mobile>.tbm-collapse>ul>li>div::after {
    display: none;
}

.tbm--mobile>.tbm-collapse>ul>.level-1>.tbm-link-container {
    width: auto;
}


.region-header>.navbar-brand {
    grid-row: 2;
    grid-column: 1;
    margin: 0;
    padding: 0;
    font-size: 2.5rem;
    border-right: 1px solid black;
    height: fit-content;
    padding: 0.5rem;
    display: flex;
    align-items: center;
}

.region-header>.block-views-blocknotifications-block-1>.block-title {
    margin: 0;
    position: absolute;
    right: 30px;
    padding: 1em;
    background: url(../notification.svg) center no-repeat;
    background-size: 70%;
    /*background-color: #ffffff;*/
}


.navbar-brand {
    line-height: 24px;
}

.tbm-link.level-1:hover,
.tbm-link.level-1:focus {
    background-color: transparent;
}

a:hover,
a:focus {
    text-decoration: none;
}

.tbm-center>.tbm-submenu {
    left: 0%;
    transform: translate(0%);
}

.tbm-button {
    margin: 0;
}

.tbm.tbm--mobile .tbm-collapse {
    width: auto;
}

.region-header>#block-views-block-notifications-block-1 {
    grid-column: 3;
    grid-row: 2;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
    /*text-indent: -100000px;*/
}

.region-header>#block-views-block-notifications-block-1 h2.block-title {
    text-indent: -100000px;
}

.hidenotifications {
    display: block !important;
}

.region-header>#block-mainnavigation-2 {
    grid-row: 2;
    grid-column: 2;
    display: flex;
}

.tbm-nav {
    display: flex;
    justify-content: space-between;
}

#tbm-main,
#tbm-main .tbm-collapse {
    width: auto;
}

.region-header>#block-mrv-pakistan-menuducomptedelutilisateur {
    grid-row: 1;
    grid-column: 3;
}

#block-mrv-pakistan-menuducomptedelutilisateur {

    font-size: 11px;
}

.region-header>.block-tb-megamenu>.tbm {
    display: flex;

    background-color: transparent;
    align-items: center;
    position: relative;
    bottom: 0;
}

header#sitename .name {
    /*display:none;*/
    margin-top: auto;
    margin-bottom: auto;
    /*width:98%;*/
    text-shadow: 0px 0px 5px #fff;
}

#block-mrv-pakistan-menuducomptedelutilisateur {
    /* position: relative; */
    right: 0;
    height: 30px;
    min-width: 200px;
    background-color: #aaaaaa;
}

#block-mrv-pakistan-menuducomptedelutilisateur>ul>.first {
    margin-right: 10px;
}

#block-mrv-pakistan-menuducomptedelutilisateur>ul>li {
    background-color: #34a853;
    border-radius: 20px;
    transition: all ease 0.3s;
}

#block-mrv-pakistan-menuducomptedelutilisateur>ul>li:hover {
    background-color: #2C69DB;
}

.navbar-right {
    margin-right: 0;
}

/* .nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
} */

/* footer */

.footer-wrapper,
.region-footer,
#block-mrv-pakistan-footer>.field--type-text-with-summary,
#block-mrv-pakistan-footer>.field--type-text-with-summary>p,
.region-footer>nav>ul {
    display: flex;
    align-items: center;
}

ul.menu--footer {
    margin: 0;
}

.region-footer {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}


ul.menu--footer>li>a {
    padding-left: 0;
}

#block-descfooter {
    grid-column: 3;
}

#block-mrv-pakistan-footer {
    grid-column: 1;
    grid-row: 2;
}

#block-pieddepage {
    grid-column: 3;
    grid-row: 1;
}
#block-mrv-pakistan-imagedemo,
#block-mrv-pakistan-brandrisq {
    grid-column: 3;
	grid-row: 2;
}

#block-circlemenu {
    margin-left: 10em;
    margin-right: 10em;
    grid-row: 2;
    grid-column: 2;
    height: 60px;
    width: 60px;
    border-radius: 60px;
    border: solid black 1px;
    scroll-behavior: smooth;
    transition: all ease 0.3s;
    position: relative;

}

html {
    scroll-behavior: smooth;
}

#block-circlemenu>.menu-wrapper>ul>li>a {
    padding: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    transition: all ease 0.3s;
    text-indent: -10000000px;
}

#block-circlemenu>.menu-wrapper>ul>li>a:hover {
    background-color: #34a853;
    opacity:0.7;
}

#block-circlemenu>.menu-wrapper>h2 {
    position: absolute;
    top: 40%;
    right: 33%;
    margin: auto;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    text-indent: 1000000px;
    height: 20px;
    width: 20px;
}

#block-circlemenu>.menu-wrapper>h2:hover {
    border: solid white;
}


.footer {
    padding-top: 16px;
    padding-bottom: 2rem;
}

/* content */

.path-frontpage .js-quickedit-page-title {
    display: none;
}
/*
.path-frontpage>.dialog-off-canvas-main-canvas>.main-wrapper>.main-container>.row>.col-sm-12>.contentdiv>.region-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
*/
.alert-info {
    background-color: white;
}


#block-imagedemo,
#block-homeimage,
#block-helpimage,
#block-imagenotification {
    display: none;
}

/* content type editions */

.actions-supports>.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.actions-supports>.content>.field--type-text-with-summary {
    width: 100%;
}

.actions-supports>.content>.field--type-link {
    width: 40%;
    /* background-color: #34a853; */
    margin-bottom: 2em;
}

.actions-supports>.content>.field--type-link>.field--label {
    background-color: #ffc0cb;
    padding: 1em;
    cursor: pointer;
}

.actions-supports>.content>.field--type-link>.field--items {
    background-color: #6495ed;
    padding: 1em;
    display: none;
}

.actions-supports>.content>.field--type-link>.field--items>.field--item {
    padding: 1em;
}

.actions-supports>.content>.field--type-link>.field--items>.field--item>a {
    color: white;
}


/* Page sommaires */

.dropdown-menu {
    position: relative;
}

/* Inventories */

li>.menu--menu-tbmenu {
    background-color: white;
    width: 90%;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
}

.menu--menu-tbmenu>li>.dropdownn-toggle {
    background-color: #34a853;
    color: white;
    width: 75%;
    border-radius: 3px;
}

.menu--menu-tbmenu>li>.dropdownn-toggle:hover {
    background-color: #34a853;

}

.menu--menu-tbmenu>.expanded {
    width: 50%;
    margin-bottom: 2em;
}

#block-inventoriesmenulist>.menu-wrapper>.menu--menu-tbmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Issues */

li>.menu--issues-menu-list {
    background-color: white;
    width: 90%;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
}

.menu--issues-menu-list>li>.dropdownn-toggle {
    background-color: #BAAEAA;
    color: white;
    width: 75%;
    border-radius: 3px;
}

.menu--issues-menu-list>li>.dropdownn-toggle:hover {
    background-color: #BAAEAA;

}

.menu--issues-menu-list>.expanded {
    width: 50%;
    margin-bottom: 2em;
}

#block-issuesmenulist>.menu-wrapper>.menu--issues-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* Resources */

li>.menu--resources-menu-list {
    background-color: white;
    width: 90%;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
}

.menu--resources-menu-list>li>.dropdownn-toggle {
    background-color: #708FFF;
    color: white;
    width: 75%;
    border-radius: 3px;
}

.menu--resources-menu-list>li>.dropdownn-toggle:hover {
    background-color: #708FFF;

}

.menu--resources-menu-list>.expanded {
    width: 50%;
    margin-bottom: 2em;
}

#block-mrv-pakistan-resourcesmenulist>.menu-wrapper>.menu--resources-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Actions & supports */

li>.menu--actions-supports-menu-list {
    background-color: white;
    width: 90%;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
}

.menu--actions-supports-menu-list>li>.dropdownn-toggle {
    background-color: #F4961C;
    color: white;
    width: 75%;
    border-radius: 3px;
}

.menu--actions-supports-menu-list>li>.dropdownn-toggle:hover {
    background-color: #F4961C;

}

.menu--actions-supports-menu-list>.expanded {
    width: 50%;
    margin-bottom: 2em;
}

#block-actionssupportsmenulist>.menu-wrapper>.menu--actions-supports-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Climate informations */
li>.menu--climate-informations-menu-list {
    background-color: white;
    width: 90%;
    box-shadow: -5px 5px 10px 0.5px rgb(0, 0, 0, 0.5);
}

.menu--climate-informations-menu-list>li>.dropdownn-toggle {
    background-color: #708FFF;
    color: white;
    width: 75%;
    border-radius: 3px;
}

.menu--climate-informations-menu-list>li>.dropdownn-toggle:hover {
    background-color: #708FFF;

}

.menu--climate-informations-menu-list>.expanded {
    width: 50%;
    margin-bottom: 2em;
}

#block-climateinformationsmenulist>.menu-wrapper>.menu--climate-informations-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


@media only screen and (max-width: 768px) {

    /* footer */
    #block-circlemenu {
        display: none;
    }

    #block-mrv-pakistan-footer>.field--type-text-with-summary>p {
        flex-direction: column;
    }

    .region-footer {
        display: flex;
        flex-direction: column;
    }

    /* Inventories */
    #block-inventoriesmenulist>.menu--menu-tbmenu,
    #block-inventoriesmenulist>.menu--issues-menu-list {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .menu--menu-tbmenu>.expanded,
    .menu--issues-menu-list>.expanded {
        width: 100%;
        margin-bottom: 2em;
    }

    /* Actions & supports */
    #block-actionssupportsmenulist>.menu--actions-supports-menu-list {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .menu--actions-supports-menu-list>.expanded {
        width: 100%;
        margin-bottom: 2em;
    }

    /*climate informations */
    #block-climateinformationsmenulist>.menu--climate-informations-menu-list {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .menu--climate-informations-menu-list>.expanded {
        width: 100%;
        margin-bottom: 2em;
    }

    #block-mrv-pakistan-menuducomptedelutilisateur>ul>li {
        background-color: #34a853;
        border-radius: 20px;
        transition: all ease 0.3s;
        width: 50%;
    }
}

@media only screen and (max-width: 1200px) {
    .tbm.tbm--mobile .tbm-collapse {
        top: 65%;
        padding-top: 0;
    }
}

.tbm-submenu-toggle {
    height: 30px;
    width: 30px;
}



.tbm-link-container>a {
    max-width: 330px;
}


.node-actions-form>#edit-group-informations-de-base>div#edit-group-informations-de-base--content.in {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

    /* flex-direction: column;
    flex-wrap: wrap; */
}

.node-actions-form>#edit-group-informations-de-base>div#edit-group-informations-de-base--content.in>* {
    grid-column-start: 1;
    grid-column-end: 3;
}

.field--name-field-secteurs-et-activites-asso,
.field--name-field-defis-et-obstacles-pour-fa,
.field--name-field-autre-secteur-affecte- {
    grid-column-start: 1 !important;
    grid-column-end: 2 !important;
    width: 90%;
}

.field--name-field-consequences-sociales-et-e,
.field--name-field-actions-pour-faire-face-au,
.field--name-field-action-entite-mis-enoeuvre {
    grid-column-start: 2 !important;
    grid-column-end: 3 !important;
    width: 90%;
}

.cke_chrome {
    width: 100% !important;
}

#edit-group-impacts-prevus--content>.field--type-text-long {
    width: 45%;
    margin: 1%;
    display: inline-block;
}

.field--name-field-co-benefices-non-lies-a-l- {
    width: 100%;
}

article div#objectives--content,
article div#indicators--content,
article div#edit-group-implementation-period--content {
    display: flex;
    flex-wrap: wrap;
}

article div.field {
    margin-bottom: 0.7em;
}

article div#objectives--content>div.field,
article div#indicators--content>div.field,
article div#edit-group-implementation-period--content>div.field {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 1em;
    padding: 1em;
}

div#edit-group-implementation-period--content>div.field.field--type-text-long,
div#indicators--content>div.field.field--type-tablefield,
div#edit-group-implementation-period--content>div.field.field--type-tablefield {
    width: 100%;
}

/*
div#edit-group-implementation-period--content>div.field.field--type-entity-reference>.field--item{
    font-size:1.4em;
}*/
div#objectives--content>div.field>div.field--label,
div#indicators--content>div.field>div.field--label,
div#edit-group-implementation-period--content>div.field>div.field--label {
    margin-bottom: 1em;
}

div#indicators--content>div.field>.field--items>.field--item::before,
div#objectives--content>div.field>.field--items>.field--item::before {
    content: "> ";
    font-weight: bold;
}

div.field--name-field-indicators-annual-reportin .col_0 {
    display: none;
}

div#bootstrap-panel--4 {
    width: 100%;
}

div.tablefield-export-link a {
    color: #ffffff;
}

div.tablefield-export-link {
    width: 140px;
    padding: 6px 12px;
    background-color: #34a853;
    border-radius: 5px;
    color: #ffffff;
    font-size: 0.9em;
    margin-bottom: 0;
}

div.chosen-container {
    width: 100% !important;
}

a.tbm-link.level-1 {
    text-shadow: 1px 1px 3px #fff;
}

edit-field-indicators-entities-*-form--* {
    background-color: #dddddd;
}



@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        font-size: 12pt;
        font-family: Calibri, sans-serif;
    }

    .tab-content>.tab-pane {
        display: block !important;
    }

    div.entity-moderation-block {
        display: none !important;
    }

    div.header-wrapper,
    div.footer-wrapper,
    ul.nav-tabs,
    div.upload-link {
        display: none !important;
    }

    div.collapse {
        display: block !important;
    }

    div.fade {
        opacity: 1 !important;
        transition: none !important;
    }

    ul.vertical-tabs-list {
        display: none !important;
    }

    th {
        background-color: #aaaaaa;
    }

    div#objectives--content>div.field,
    div#indicators--content>div.field,
    div#edit-group-implementation-period--content>div.field,
    div#edit-group-implementation-period--content>div.field {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    div#objectives--content>div.field>div.field--label,
    div#indicators--content>div.field>div.field--label,
    div#edit-group-implementation-period--content>div.field>div.field--label {
        margin: 0;
    }

    .tabs-left>.tab-content,
    .tabs-right>.tab-content {
        border: 0;
        padding: 0;
    }

    div.description span.glyphicon {
        display: none;
    }

    /*
	div.description span.glyphicon::after{
		content:" (" attr(data-original-title) ")";
	}*/
}

/**
    VIEW : sectors
*/
.sectorsmap .view-header {
    display: flex;
    /* Utiliser un affichage flex pour aligner les éléments sur une ligne */
    justify-content: space-between;
    /* Espacement égal entre les éléments à l'intérieur de view-header */
    align-items: center;
    /* Aligner les éléments verticalement au centre */

}

.sectorsmap .view-header .views-display-link-page_4,
.sectorsmap .view-header .views-display-link-page_5,
.sectorsmap .view-header .views-display-link-page_6 {
    margin-left: auto;
    padding: 10px 15px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #007200;
    color: #007200;
}

.sectorsmap .view-header .views-display-link-page_4:hover,
.sectorsmap .view-header .views-display-link-page_5:hover,
.sectorsmap .view-header .views-display-link-page_6:hover {
    background-color: #007200;
    border: 1px solid #007200;
    color: #ffffff;
}

.quickview_form_line {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.quickview_form_line .form-item {
    display: flex;
    flex-direction: column;
}

a.level-1{
	font-size:1.3em;
}

div.messages--warning{
	background-color: #f2dede;
	  border-color: #ebccd1;
	  color: #a94442;
	  padding:5px;
}

.charts-chartjs,
.charts-chartjs-custom{
    max-height:450px;
}

td.views-field table.table caption{
    display:none;
}
td.views-field div.tablefield-export-link{
    display:none;
}

.col-sm-6.block-views{
	z-index:10;
}
.col-sm-6.block-views{
	z-index:9;
}
.block-views h2.block-title{
	font-weight:bold;
}


div.view-mitigation-dashboard .views-exposed-form{
	display:none;
}