body {
  font-family: Arial;
  font-size: 10pt;
}

#leftcolumn {display: none;}

div#errors {
    margin-top: 30px;
    float: left;
}

.filterItemDiv {
  margin-bottom: 10px;
}   

/* filter - Policy Decision */

#fapda-forestry-filter-container{
  width: 100%;
  margin-top: 20px;
}

#fapda-forestry-filter-container .jstree-hovered{
  background:none !important;
  padding:0px !important;
  border:0px !important;
}

#fapda-forestry-filter-container .fapda-forestry-filter{
  display: table;
  font-size:11px;
  width: 870px;
}

#fapda-forestry-filter-container .row{
  display: table-row;
}

#fapda-forestry-filter-container .row .col{
  display: table-cell;
  vertical-align: top;
}

#fapda-forestry-filter-container .row .col1{
  width:250px;
}

#fapda-forestry-filter-container .row .col2{
  width:290px;
}

#fapda-forestry-filter-container .row .col3{
  width:240px;
}

#fapda-forestry-filter-container #groupsList{
  width: 250px;
}

#fapda-forestry-filter-container #groupsList a{
  white-space: normal !important;
}

#fapda-forestry-filter-container #groupsList li{
  width: 190px;
}

#fapda-forestry-filter-container .field input{
  padding: 5px;
  border:1px solid #D6D6D6;
}

#fapda-forestry-filter-container .col1 .field{
  margin-bottom:20px;
}

#fapda-forestry-filter-container .col1 .label{
  margin-bottom:5px;
}

#fapda-forestry-filter-container .col1 i,
#fapda-forestry-filter-container .col2 i,
#fapda-forestry-filter-container .col3 i{
  font-size:14px;
  margin-left: 5px;
}

#fapda-forestry-filter-container .free input{
  width:80%;
}

#fapda-forestry-filter-container .col2,
#fapda-forestry-filter-container .col3{
  border-left:1px dotted #D6D6D6;
  padding-left: 10px; 
}

#fapda-forestry-filter-container .col1 .label,
#fapda-forestry-filter-container .col2 .label,
#fapda-forestry-filter-container .col3 .label{
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
}

#fapda-forestry-filter-container .col2 .field #regionsList,
#fapda-forestry-filter-container .col3 .field #groupsList{
  height:200px;
  overflow-y: auto;
  overflow-x: hidden;
}

#fapda-forestry-filter-container #regionsList li{
  width:160px;
}

#fapda-forestry-filter-container .row .button{
  width: 100%;
  text-align:right;
}

#fapda-forestry-filter-container .filter-button{
  background: rgba(0, 0, 0, 0) linear-gradient(#0e6da5, #0d5399) repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 2px 3px #d1cece;
  color: #fff !important;
  font-size: 0.875em !important;
  height: 29px !important;
  line-height: 29px !important;
  padding: 0 20px !important;
  position: relative;
}

#fapda-forestry-filter-container .filter-button:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

#fapda-forestry-filter-container .filter-button .loading{
  display:none;
}

#fapda-forestry-filter-container .filter-button-disable{
  background: rgba(0, 0, 0, 0) linear-gradient(#E0E0E0, #C1C1C1) repeat scroll 0 0;
}

#fapda-forestry-filter-container .filter-button-disable .loading{
  display:block !important;
  font-size: 16px;
  float: left;
  margin-left: -10px;
  margin-right: 3px;
  margin-top: 6px;
}

#fapda-forestry-filter-container .clear-button {
    background: rgba(0, 0, 0, 0) linear-gradient(#0e6da5, #0d5399) repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 2px 3px #d1cece;
    color: #fff !important;
    font-size: 0.875em !important;
    height: 29px !important;
    line-height: 29px !important;
    padding: 0 20px !important;
    position: relative;
}

#fapda-forestry-filter-container .clear-button:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}  

#fapda-forestry-filter-container .select2-container{
  width: 220px !important;
}

#fapda-forestry-filter-container .select2-container .select2-selection__rendered{
  padding: 0 !important;
}

#fapda-forestry-filter-container .select2-container .select2-selection__rendered li {
  padding: 3px !important;
}

#fapda-forestry-filter-container .select2-container .select2-selection--multiple {
    border: 1px solid #d6d6d6 !important;
    outline: 0 none;
}

#fapda-forestry-filter-container .select2-container .select2-search__field {
  border:0 !important;
  padding:0 !important;
}

#fapda-forestry-filter-container .select2-container ul li {
  left: 5px !important;
  margin-bottom: 2px !important;
}

/* filter - Policy Framework */

#filter-container-framework{
  width: 100%;
  /*margin-top: 20px;
  display:none;      */
  margin-bottom: 20px;
}

#filter-container-framework h2{
  margin-bottom:0;
}

#filter-container-framework #countriesList{
  margin-bottom: 20px;
}  

#filter-container-framework .jstree-hovered{
  background:none !important;
  padding:0px !important;
  border:0px !important;
}

#filter-container-framework .fapda-forestry-filter{
  display: table;
  font-size:11px;
  width: 870px;
}

/*
#filter-container-framework #policyClassification a{
  white-space: normal;
}
*/

#filter-container-framework .kDataTree a,
#fapda-forestry-filter-container .kDataTree a{
  white-space: normal;
}

#filter-container-framework .row{
  display: table-row;
}

#filter-container-framework .row .col{
  float:left;
  vertical-align: top;
}

#filter-container-framework .row .col1,
#filter-container-framework .row .col2{
  width:240px;
}

#filter-container-framework .row .col3{
  float:right;
  width:280px;
}

#filter-container-framework .first-row {
  border-bottom: 1px dotted #d6d6d6;
  padding-bottom: 40px;
}

#filter-container-framework .second-row {
  padding-top: 20px;
}

#filter-container-framework .field input{
  padding: 5px;
  border:1px solid #D6D6D6;
}

#filter-container-framework .policy-classification{
  border-bottom:0 !important;
}

#filter-container-framework .col1 .label{
  margin-bottom:5px;
}

#filter-container-framework .col1 i,
#filter-container-framework .col2 i,
#filter-container-framework .col3 i{
  font-size:14px;
  margin-left: 5px;
}

#filter-container-framework .field input{
  border: 1px solid #d6d6d6;
  padding: 5px;
}

#filter-container-framework .col-data{
  width:326px !important;
}

#filter-container-framework .col2.second-row{
    min-height: 220px;
}

#filter-container-framework .col3.first-row{
    min-height: 295px;
}

#filter-container-framework .col2-data.first{
  margin-right: 30px;
}

#filter-container-framework .hasDatepicker{
  width: 90px;
}

#filter-container-framework .col2,
#filter-container-framework .col3{
  border-left:1px dotted #D6D6D6;
  padding-left: 10px; 
}

#filter-container-framework .col1 .label,
#filter-container-framework .col2 .label,
#filter-container-framework .col3 .label{
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 10px;
}

#filter-container-framework .col2 .field #regionsList,
#filter-container-framework .col3 .field #groupsList{
  height:200px;
  overflow-y: auto;
  overflow-x: hidden;
}

#filter-container-framework #regionsList li{
  width:160px;
}

#filter-container-framework .col2 .col2-data{
  float:left;
}

#filter-container-framework .label-bold-big{
  font-size: 13px !important;
  font-weight: bold !important;
}

#filter-container-framework .row-button .col{
  float:none !important;
}

#filter-container-framework .row .button{
  width: 100%;
  text-align:right;
}

#filter-container-framework .filter-button{
  background: rgba(0, 0, 0, 0) linear-gradient(#0e6da5, #0d5399) repeat scroll 0 0;
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 2px 3px #d1cece;
  color: #fff !important;
  font-size: 0.875em !important;
  height: 29px !important;
  line-height: 29px !important;
  padding: 0 20px !important;
  position: relative;
}

#filter-container-framework .filter-button:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

#filter-container-framework .filter-button .loading{
  display:none;
}

#filter-container-framework .filter-button-disable{
  background: rgba(0, 0, 0, 0) linear-gradient(#E0E0E0, #C1C1C1) repeat scroll 0 0;
}

#filter-container-framework .filter-button-disable .loading{
  display:block !important;
  font-size: 16px;
  float: left;
  margin-left: -10px;
  margin-right: 3px;
  margin-top: 6px;
}

#filter-container-framework .clear-button {
    background: rgba(0, 0, 0, 0) linear-gradient(#0e6da5, #0d5399) repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 2px 3px #d1cece;
    color: #fff !important;
    font-size: 0.875em !important;
    height: 29px !important;
    line-height: 29px !important;
    padding: 0 20px !important;
    position: relative;
}

#filter-container-framework .clear-button:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,80c217+51,7cbc0a+100;Green+Gloss+%231 */
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}  

#filter-container-framework .select2-container{
  width: 220px !important;
}

#filter-container-framework .select2-container .select2-selection__rendered{
  padding: 0 !important;
}

#filter-container-framework .select2-container .select2-selection__rendered li {
  padding: 3px !important;
}

#filter-container-framework .select2-container .select2-selection--multiple {
    border: 1px solid #d6d6d6 !important;
    outline: 0 none;
}

#filter-container-framework .select2-container .select2-search__field {
  border:0 !important;
  padding:0 !important;
}

#filter-container-framework .select2-container ul li {
  left: 5px !important;
  margin-bottom: 2px !important;
}

/* table */ 
#c440023 #fapdaData,
#c440023 #search{     
  display:none;
}

#c443531,
#c472547{
    border: 1px solid #aaaaaa;
    font-size: 12px;
    margin-top: 20px;
}

#c472547{
  margin-top: 0px !important;
}

#fapdaData_wrapper{
    width: 100%;
}

#fapdaData_wrapper .odd td{
  background-color:#D2DCEE;
}

#fapdaData_wrapper .even td{
  background-color:#F7F7F7;
}

#fapdaData_wrapper .even td{
  border-right:1px solid #E5E5E5;
}

#fapdaData_wrapper .dataTable{
  width: 100% !important;
}

/* loading */
#fapda-forestry-loading{
  width:100%;
  text-align:center;
  padding: 200px 0 0;
}

#fapda-forestry-loading i{
  vertical-align:middle;
}

/* map */

.fapda-forestry-hideonload{
  display:none;
}

.kJSMapComponent{
  border: 1px solid #aaaaaa !important;
}

.map-legends{
  border: 1px solid #aaaaaa;
  font-size: 11px;
  margin-top: 1px;
  padding: 10px;
}

.map-legends .items{
  float:left;
  padding: 8px;
}

.map-legends .label{
  margin-right: 15px;
  font-weight:bold;
}

.map-legends .color{
  border:1px solid #aaaaaa;
  margin-top: 7px;
} 

.map-legends .color-label{
  margin-right: 15px;
} 

.map-legends .set1{
  background-color:#4A9E2E;
}

.map-legends .set2{
  background-color:#4f77be;
}

.map-legends .set3{
  background-color:#88a3d3;
}

.map-legends .set4{
  background-color:#d2dcee;
}

/* map legends */

/* Datatables detail row */
td.details-control {
    background: url('/fileadmin/templates/faoweb/images/more-full.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/fileadmin/templates/faoweb/images/icon-minus.png') no-repeat center center;
}

h4.policyRowDetailTitle {
    margin-top: 0px;
    margin-bottom: 0px;
}

.policyRowDetailSubtitle {
    font-style: italic;
}

.policyRowDetailDescription {
    padding: 5px;
    display: inline-block;
    border: solid 1px #cccccc;
}

.policyRowDetail td {
}

.policyRowDetailFileHeader, .policyRowDetailSourceNameHeader, .policyRowDetailLinkHeader {
    font-weight: bold;
}

.policyRowDetailFile {
    color: #0d5399;
}

td.policyRowDetailSourceNameCell {
    width: 20%;
}

td.policyRowDetailFileCell {
    width: 40%;
}

td.policyRowDetailLinkCell {
    width: 40%;
}

table.policyRowDetail td {
    vertical-align: top;
}

/* Policity Framework - Table -  details */
.policyRowDetailFramework .tab-header{
  font-size: 12px;
  font-weight:bold;
}


#fapda-forestry-filter-container h2 {
  /*border-bottom: 0px;*/
  margin-bottom:0;  
}


/* Menu policy */
.content-menu-policy{
  /*display:none;*/
}

.content-menu-policy ul li{
  float:left;
  list-style: outside none none;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  padding: 4px 5px;
  color:#ffffff;
  left: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 1px;
}

.content-menu-policy ul li.no {
  background-color: #9cadbd;
}

.content-menu-policy ul li.act {
  background-color: #3078aa;
}

.content-menu-policy ul li a{
  color: #ffffff !important;
  text-decoration: none;
}

#fapda-forestry-filter-container{
  margin-top:0 !important;
}

#fapda-forestry-filter-container h2{
  /*border-top:0 !important;*/
  border-radius:0 !important;
}

.fapda-forestry-filter-new .first-row{
  padding-bottom:20px;
}

.fapda-forestry-filter-new .first-row .label{
  font-weight:normal !important;
  font-size:11px !important;
}

.fapda-forestry-filter-new .hasDatepicker {
  width: 90px;
}

.fapda-forestry-filter-new .col2-data,
.fapda-forestry-filter-new .col2-data{
  float:left;
}

.fapda-forestry-filter-new .col2-data.first{
  margin-right:30px;
}

.fapda-forestry-filter-new .second-row{
  border-top:1px dotted #e5e5e5;
  padding-top:20px;
  padding-bottom: 20px;
}

.fapda-forestry-filter-new #policyClassification{
  width:320px;
}

.fapda-forestry-filter-new #policyClassification li{
  width:200px;
}

.fapda-forestry-filter-new #policyClassification li a{
  white-space: normal;
}

.content-logo{
  width:80%;
  margin:40px auto 0;
}

.content-logo .item,
.content-logo .item .logo,
.content-logo .item .description{
  float:left;
}

.content-logo .logo img{
  width: 150px;
}

.content-logo .item{
  width:50%;
}

.content-logo .logo,
.content-logo .description{
  width:100%;
  text-align:center;  
}

.content-logo .description{
    font-size: 11px;
    padding: 10px;
}