.main-container h1.page-header {
    margin: 12px 0px 1em 0;
    border-width: 0 0 0 12px;
    padding: 12px 0 6px 6px;
    border-style: solid;
    border-color: #b3d455;
    background-color: #ebf2d3;
    color: #4c4c4c;
    line-height: 1.3;
}

.main-container h1.page-header a.byline {
    display: block;
    font-size: 14pt;
    color: #7da7d9;
}

.main-container h1.page-header a.byline span.text {
    color: #7da7d9;
    transition: all 0.5s ease !important;
}

.main-container h1.page-header a.byline i.fa {
    transition: all 0.5s ease !important;
}

.main-container h1.page-header a:hover {
    text-decoration: none;
}

.main-container h1.page-header a.byline:hover .text {
    color: #ffffff;
    text-decoration: none;
}

.main-container h1.page-header a.byline:hover i.fa {
    transform: translateX(3px) translateY(0px) scale(1.5);
    color: #ffffff;
    -webkit-transform: translateX(3px) translateY(0px) scale(1.5);
    -moz-transform-transform: translateX(3px) translateY(0px) scale(1.5);
    -o-transform-transform: translateX(3px) translateY(0px) scale(1.5);
    -ms-transform-transform: translateX(3px) translateY(0px) scale(1.5);
}

.main-container p, .main-container li,  .main-container td,  .main-container th {font-size: 13pt; line-height: 1.5; font-weight: 300; }



.pageWrapper {
    overflow: hidden;
}

h1.page-header {
    display: none;
}

.top-panel .jumbotron {
    min-height: 200px;
    background-color: #6c6c6c;
    background-image: url('/sites/default/files/iStock-509557490-law.jpg');
    background-size: 100%;
    background-position: center center;
    padding-left: 12px;
    border-radius: 2px;
}





.jumbotron h1 {
    color: #ffffff;
    background-color: rgba(125,167,217, 0.6);
    padding: 24px;
    display: inline-block;
    text-shadow: 1px 1px #3c3c3c;
    font-size: 48pt;
    margin: 0 12px 12px 12px;
}

@media screen and (max-width:767px) {
    
    .top-panel .jumbotron {
    	background-size: cover;
    }
    
    .jumbotron h1 {
   	 font-size: 36pt;
	}
    
    }


.sectionLinks {margin-bottom: 18px;}
.sectionLinks .nav-pills>li {margin-right: 9px; margin-bottom: 6px;}

.sectionLinks .nav-pills>li>a {
	border-radius: 0; padding: 6px; color: #ffffff; font-size: 14pt; font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.sectionLinks .nav-pills>li>a:hover {color: #ffffff; background-color: #9c9c9c !important; border-radius: 6px;}

.section {clear: both; padding-top: 48pt;}
.section p, .section li, #intro p, #intro li {font-size: 13pt; line-height: 1.5; color: #5c5c5c; font-weight: 300;}

.row.intro p {font-size: 15pt; line-height: 1.5; color: #5c5c5c; font-weight: 300;}

.intro .guide .inner-wrapper {border: 2px dashed #ffffff; background-color: #dce4f4;
	padding:0; transition: all 0.5s !important;}
.intro .guide .inner-wrapper:hover {background-color: #7da7d9;}
.intro .guide .inner-wrapper:hover a {color: #ffffff;;}


.intro .guide .fa {max-width: 100px; float: right; margin: 0 0 0 12px; display: block; font-size: 100px;}
.intro .guide .label {margin: 0; padding: 0; font-size: 10pt; padding: 6px 12px 0 12px;}


.intro .guide h3  {display: inline; margin: 0; font-size: 18pt; font-weight: 500; line-height: 1.5;}
.intro .guide a  {color: #7da7d9; display: block; padding: 12px 12px 12px 12px; transition: all 0.5s !important; }
.intro .guide h3 a  {padding: 12px 12px 0 12px;}


.intro .guide p a  {padding: 0 12px 12px 12px;}


.intro .guide a:hover  {text-decoration: none; color: #ffffff;}

.section .main p a:hover,  .backToTop a:hover {
    text-decoration: none;
    background-color: #efefef;
    transform: translateX(-2px) translateY(-2px);
    color: #333333;
    text-decoration: none;
    border-bottom: #cfcfcf 1px solid;
    background-color: #dfdfdf;
}

.section .main p a, .section .main li a { 
	background-color: rgba(125,167,217,0.2);
	border-bottom: 1px solid rgba(125,167,217,0.3);
    color: #3c3c3c ;
    padding: 0 3px;
	-webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}


.section .main .nav-pills li a {
    padding: 8px;
    background-color: #ffffff;
    border: none;
    border-radius: 3px; 
    padding: 6px; 
    color: #9c9c9c; 
    font-size: 14pt; 
    font-weight: 500;
    margin-right: 15px;
    
    
}


#downloadData {
    margin-top: 250px;
    border-top: 4px solid #dfdfdf;
    
    
}



.section .main .nav-pills li.use a {color: #7da7d9; border: 1px solid rgba(125,167,217, 0.2);}
.section .main .nav-pills li.possession a {color: #9bd4df;; border: 1px solid rgba(155,212,223, 0.2);}
.section .main .nav-pills li.supply a {color: #fec357;; border: 1px solid rgba(254,195,87, 0.2);}
.section .main .nav-pills li.classification a {color: #b3d455;; border: 1px solid rgba(179,212,85, 0.2); margin-left: 100px;}


.section .main .nav-pills li.use.active a {background-color: #7da7d9; color: #ffffff;}
.section .main .nav-pills li.possession.active a {background-color: #9bd4df;  color: #ffffff;}
.section .main .nav-pills li.supply.active a {background-color: #fec357;  color: #ffffff;}
.section .main .nav-pills li.classification.active a {background-color: #b3d455;  color: #ffffff;}

.section p.description {font-size: 13pt; margin: 6px 0 0 0; font-weight: 500;}
.section .use p.description {color: #7da7d9;}
.section .possession p.description {color: #9bd4df;}
.section .supply p.description {color: #fec357;}
.section .classification p.description {color: #b3d455;}


.section  p.nothing {margin: 0 0 9px 0; font-size: 11pt; color: #7c7c7c; }

.section .interactive.questions {
    padding: 6px;
    background-color: rgba(245,132,102, 1);
}


.section .use .interactive.questions label {background-color: rgba(255,255,255, 0.5);color: #5c5c5c;}
.section .possession .interactive.questions label {background-color: rgba(255,255,255, 0.5);color: #5c5c5c;}
.section .supply .interactive.questions label {background-color: rgba(255,255,255, 0.5);color: #5c5c5c;}







.section .use .interactive.questions {padding: 6px; background-color: rgba(125,167,217, 0.4);}
.section .possession .interactive.questions {padding: 6px; background-color: rgba(155,212,223, 0.4);}
.section .supply .interactive.questions {padding: 6px; background-color: rgba(254,195,87, 0.6);}
.section .classification .interactive.questions {padding: 6px; background-color: rgba(125,167,217, 0);}


.section  p.hint {
    margin: 0 0 6px 0;
    font-size: 11pt;
}


.section .use  p.hint {
    margin-bottom: 6px;
    color: #4c4c4c;
}


.section .possession  p.hint {
    color: #4c4c4c;
}


.section .supply  p.hint {
    color: #4c4c4c;
}


.section .classification  p.hint {
    color: #4c4c4c;
    margin-left: -6px;
}








.backToTop {
	margin-top: 48pt;
	
}


.backToTop a:before {    
    
    font-family: 'Font Awesome 5 Free';
 
    font-weight: 900;
    font-style: normal;
	  display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-left: 0;
	font-size: 18pt;
	content: " \f062 ";
    margin-right: 6px;
    color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}





.backToTop a { 
	background-color: #bfbfbf;
	border-radius: 3px;
    color: #ffffff;
    padding: 6px 12px;
	font-size: 16pt;
	-webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;

}

.section p a:hover, .section .main li a:hover,  .end-notes .backToTop a:hover,  .backToTop a:hover:before { 
	text-decoration: none;
	background-color: #efefef;
    color: #333333;
    text-decoration: none;
	background-color: #dfdfdf;
}



.links.list-inline {margin-top: 36px;}
.links.list-inline a {font-size: 28pt; color: #7da7d9;}
.links.list-inline a:hover {color: #9c9c9c;}










.section .main p a:hover{ 
	text-decoration: none;
	background-color: #efefef;
    transform: translateX(-2px) translateY(-2px);
    color: #333333;
    text-decoration: none;
    border-bottom: #cfcfcf 1px solid;
	background-color: #dfdfdf;

}







.section h2 {margin-top: 0; }
.section .main h2 {font-size: 18pt;}

.section .main h3 {font-size: 18pt; color: #6c6c6c;}
.section .main h4 {font-size: 15pt; color: #6c6c6c;}


.section h2 {color: #a9a9a9;}




#section1 .productsShowcase h3 {margin-top: 0; color: #6c6c6c; font-size: 14pt;}
#section1 .productsShowcase  {margin-bottom: 24pt; border: 2px dashed #cfcfcf; padding: 9px; max-width: 80%;}


#section1 .productsShowcase ul  {margin-left: 0; padding-left: 0; list-style-type: none; }


#section1 .productsShowcase ul li  {color: #9c9c9c; font-size: 12pt; margin-bottom: 9px;}

#section1 .videoShowcase h3  {color: #9c9c9c; }


h2.subscribe {font-size: 14pt !important; line-height: 1.3; }

h2.subscribe a {color: #ffffff; }


.csvCopyPaste textarea {
    font-size: 8pt;
    width: 100%;
    height: 200px;
    margin-top: 12px;
    border: 1px solid #dfdfdf;
    padding: 6px;
    
}




#dynamicCountriesList {border: none; padding: 0;}
#dynamicCountriesList li a {font-weight: 500; background-color: #dce4f4; 
	border-radius: 6px; margin-bottom: 0.3em; color: #6c6c6c; 
    -webkit-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

#dynamicCountriesList li.is-active a {bfont-weight: 500; background-color: #7da7d9; 
	border-radius: 6px; margin-bottom: 0.3em; color: #ffffff; cursor: default;
}

#dynamicCountriesList li.is-active a:hover {font-weight: 500; background-color: #7da7d9; 
	border-radius: 6px; margin-bottom: 0.3em; color: #ffffff;
}


#dynamicCountriesList li a:hover {text-decoration: none;
	background-color: #7da7d9;
	color: #ffffff;
}




table.dynamic tr th, table.dynamic table tr td {
	padding-top: 12px ;
    padding-bottom: 12px ;


}


table.dynamic caption {
	font-size: 15pt;
	color: #676767;
	margin-top: 0;
	background-color: #dfdfdf;
	padding: 9px 9px;
	border-radius: 3px;
	
}


table.dynamic {
	margin-top: 24px;
    border-top: 0;
}


table.dynamic thead {
	margin-top: 24px;
    border-top: 0;
}

table.dynamic thead th {
    font-weight: 500;
	border-bottom: none;

}

table.dynamic thead th.number-of-countries-2 {
	width: 40%;
}

table.dynamic thead th.number-of-countries-1 {
	width: 60%;
}

table.dynamic thead th.number-of-countries-3 {
	width: 33.3333%;
}





.use table.dynamic thead th {
	background-color: rgba(125, 167, 217, 0.7);
	color: #ffffff;
}


.possession table.dynamic thead th {
	background-color: #9bd4df;
    color: #ffffff;
    border: 1px solid #9bd4df;
}


.supply table.dynamic thead th {
	background-color: #fec357;
    color: #ffffff;
    border: 1px solid #fec357;
}



.classification table.dynamic thead th {
	background-color: #b3d455;
    color: #ffffff;
    border: 1px solid #b3d455;
}





table.dynamic tbody th {
	font-weight: 500;
	color: #6c6c6c;
	
}




table.dynamic tbody tr:nth-child(even) {
	background-color: #f3f3f3;
	
}

table.dynamic tbody td, table.dynamic tbody th {
	border-bottom: 1px solid #efefef;
	
}
table.dynamic tbody td {
	color: #6c6c6c; 
    padding-left: 9px;
  
	
}


table.dynamic tbody td em.country {
	font-style: normal;
    display: inline-block;
    padding: 1px 3px;
  
    color: #7c7c7c;
    background-color: rgba(125,167,217, 0.2);
	
}






.end-notes  {margin-top: 4em; border-top: 2px solid #efefef; padding: 12pt 0 0 0;}



.end-notes  .footnote {font-size: 11pt; color: #6c6c6c;}








/* small devices (sm)
------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
	#dynamicCountriesList {margin-bottom: 2em; }


	#dynamicCountriesList li {float: left; }
	#dynamicCountriesList li a {padding: 9px; margin-right: 12px;}
    .section .main h2 {margin-top: 24px;}




	

}














/**
 * Foundation for Sites by ZURB
 * Version 6.3.0
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' '; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #2ba6cb; }
  .tabs.primary > li > a {
    color: #0a0a0a; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #299ec1; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    }
    .tabs-title > a:hover {
      background: #fefefe;
      color: #258faf; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6;
      color: #2b2b2b; }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel[aria-hidden="false"] {
    display: block; }


table.smaller td, table.smaller th {padding: 3px 9px !important;}
table.blue td, .article table.blue th {background-color: #dce4f4 ; border-color: #ffffff  !important;}
table.blue thead th {background-color: #7da7d9; border-color: #ffffff !important; color: #ffffff; font-weight: bold;}
table.blue tbody th {font-weight: 500;}
article table.blue tbody td.inset {padding-left: 24px;}


table {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }
  table thead,
  table tbody,
  table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}
  table caption {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold; }
  table thead {
    background: #f8f8f8;
    color: #0a0a0a; }
  table tfoot {
    background: #f1f1f1;
    color: #0a0a0a; }
  table thead tr,
  table tfoot tr {
    background: transparent; }
  table thead th,
  table thead td,
  table tfoot th,
  table tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left; }
  table tbody th,
  table tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }
  table tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1; }
  table.unstriped tbody {
    background-color: #fefefe; }
    table.unstriped tbody tr {
      border-bottom: 0;
      border-bottom: 1px solid #f1f1f1;
      background-color: #fefefe; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }
  .table-scroll table {
    width: auto; }


div.timeline {padding: 0;}
div.timeline .entry {min-height: 100px; }
div.timeline .entry .year .inner-wrapper {vertical-align: middle; padding: 0; font-size: 36pt; color: #baceeb; width: auto; 
	margin-bottom: 0; margin-top: 12px; transition: all 0.7s; 	font-weight: 900;
}

div.timeline .key {margin-bottom: 32pt;}
div.timeline .key ul {margin-top: 6px;}
div.timeline .key p {margin: 0; }
div.timeline .key li {font-weight: 500; font-size: 14pt; color: #ffffff; margin-right: 15px;}


div.timeline .key li:before {
    font: normal normal normal 14px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 14pt;
	content: " \f111";
    margin-right: 6px;
}

div.timeline .key li.evaluation {color: #b3d455;  }
div.timeline .key li.strategy {color: #f58466;  }


div.timeline a {font-weight: 500; font-size: 14pt; color: #ffffff; ;}

div.timeline a.strategy {background-color: #ffffff; color: #f58466; border-bottom: rgba(245, 132, 102, 0.5) 1px solid;}
div.timeline a.evaluation {background-color: #ffffff; color: #b3d455; border-bottom: rgba(179, 212, 85, 0.5) 1px solid;}


div.timeline .entry .text .inner-wrapper {
	margin-bottom: 24px; 
	padding: 6px; 
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border: 1px solid #ffffff;
    overflow: auto;
    transition: all .2s ease-in-out !important;
    -webkit-transition: all .2s ease-in-out !important;
}

div.timeline .entry:hover .year .inner-wrapper {color: #5c5c5c; }

div.timeline .entry:hover .text .inner-wrapper {
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border: 1px solid #efefef; 
}


.section table tfoot td, .section p.small {font-size: 11pt;}


div.views-row {display: none;}

div.view-policy-evaluation table a {display: block;}




.section .main p a.map-thumb {
    width: 200px;
    float: right;
    margin: 0 0 9px 9px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    display: block;
    padding: 6px;
    background-color:#ffffff;
    transition: all 0.5s;
}

 a.map-thumb .caption {
    font-size: 13pt;
    color: #4c4c4c;
    display: block;
}

 a.map-thumb .caption i.fa {
    font-size: 18pt;
    color: #b4b4b4;
}



.section .main p a.map-thumb:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
    transform: translateX(-0) translateY(-0);
    border-bottom: #ffffff 1px solid;
    background-color: #ffffff;
    
}

.intro .contact {background-color: #f58466;  display: inline-block; border-radius: 2px; margin-top: 10pt;}
.intro .contact a {color: #fff; font-weight: 500; font-size: 13pt; }
.intro .contact a:hover {text-decoration: underline; }




.interactive .checkbox input[type="checkbox"]{
    position: relative;
    margin: 0;
}

.interactive label {
    display: block;
    line-height: 1.6;
    font-weight: 400;
    font-size: 12pt;
    margin: 0 6px 6px 0;
    background-color: #efefef;
    padding: 3px 6px;
    border-radius: 6px;
    cursor: pointer;
}

.interactive ul.country-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}



.interactive .country-list li {
    margin-bottom: 6px;
    padding: 0;
}





.interactive ul.question-list  {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}


.interactive ul.question-list li  {
    margin-bottom: 6px;
}


.use ul.question-list label:hover  {
    background-color: #7da7d9;
    color: #ffffff;
}

.use ul.country-list label:hover  {
    background-color: #7da7d9;
        color: #ffffff;
}


.possession ul.question-list label:hover  {
    background-color: #9bd4df;
            color: #ffffff;
}

.possession ul.country-list label:hover  {
    background-color: #9bd4df;
            color: #ffffff;
}


.supply ul.question-list label:hover  {
    background-color: #fec357;
            color: #ffffff;
}

.supply ul.country-list label:hover  {
    background-color: #fec357;
            color: #ffffff;


}



.classification ul.country-list label:hover  {
    background-color: #b3d455;
            color: #ffffff;

}


#section6 ul  {
    margin-left: 0;
    padding-left: 21px;
    
}

#section6 ul li {
    font-size: 14pt;
    margin-bottom: 6px;
    
}