h1.page-header {background-color: #ebf2d3; border-color: #b3d455;    padding: 6px;
    color: #b3d455;
	border-width: 0 0 0 12px;}


.definition .lead {font-size: 13pt; font-weight: 300; color: #6c6c6c;}




#mainNavBar .nav li.data a b {background-color: #b3d455; color: #ffffff; padding-left: 3px; padding-right: 3px;font-weight: bold; font-size: 13pt;}

#mainNavBar .nav li.data a:hover b {color: #000000;}

.tab-pane {padding-bottom: 48px;}

.title {border: 3px solid #d7e7aa; border-width: 0 0 3px 0; margin-bottom: 21px; margin-top: 18px;}
.title h1 {color: #b3d455; font-size: 24pt; margin: 0; padding-left: 6px;}

.title .pills {margin-top: 6px;}
.title .pills ul {margin: 0;}
.start .intro h2 {font-size: 13pt; line-height: 1.3; color: #2c2c2c; margin: 0 0 6px 0;}
.start .intro p {font-size: 12pt; line-height: 1.5; color: #2c2c2c;}
.start .intro p.small {font-size: 11pt; line-height: 1.5; color: #2c2c2c;}

.start .wrapper {background-color: #d7e7aa; padding: 6px;}

.start .option {background-color: #ffffff; padding: 6px; margin-bottom: 12px; border: 3px solid #d7e7aa; cursor: pointer;}
.start .option:hover {background-color: #a3a3a3; border-color: #a3a3a3;}
.start .option h3{font-size: 12pt; margin: 0 0 6px 0; color: #4c4c4c;}
.start .option p {font-size: 11pt; margin: 0; color: #4c4c4c;}
.start .option:hover p, .start .option:hover h3 {color: #ffffff;}

.start .option.disabled {background-color: #ffffff; padding: 6px; margin-bottom: 12px; border: 3px solid #d7e7aa; cursor: default;}
.start .option.disabled p, .start .option.disabled h3 {color: #9c9c9c;}
.start .option.disabled:hover {background-color: #ffffff; border-color: #d7e7aa;}
.start .option.disabled:hover p, .start .option.disabled:hover h3 {color: #9c9c9c;}


.start .note {background-color: #ffffff; padding: 6px; margin-top: 36px; border: 3px dashed #efefef; }
.start .note h3 {font-size: 11pt; margin: 0 0 6px 0; color: #9c9c9c;}
.start .note p {font-size: 10pt; margin: 0; color: #9c9c9c;}
.start .note a {text-decoration: underline; color: #9c9c9c;}

.start .note:hover p, .start .note:hover h3, .start .note:hover a {color: #4c4c4c;}

.startHint {font-size: 12pt; color: #6c6c6c; line-height: 1.5; margin-top: 24px;}

.start .reuseBox h3 {margin: 0; font-size: 12pt; color: #7c7c7c;}

.attachmentsWrapper {display: none;}

#tabNavs.nav-pills {padding-bottom: 12px; }

#tabNavs.nav-pills li a {padding: 6px; margin-right: 12px;}

.nav-pills a {background-color: #efefef; color: #000000;}
.nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:active, .nav-pills li.active a:hover {background-color: #b3d455; color: #ffffff; outline: none;}


.loadingMessage {
    font-family: monospace;
    font-size: 9pt;
    background: url('http://www.emcdda.europa.eu/userfiles/image/icons/ajax-loader2.gif') no-repeat left center;
    padding-left: 30px;
    clear: left;
    margin: 9px 0;
    float: left;
    width: 95%;
}


.modBox {margin: 24px 0; border: 3px solid #d7e7aa; padding: 6px; background-color: #d7e7aa;}
.modBox:hover {border-color: #a3a3a3; background-color: #a3a3a3;}


.modBox h3 {font-size: 13pt; margin: 0 0 3px 0;}
.modBox p {font-size: 11pt !important; }
.modBox a {color: #333333; display: block;}
.modBox a:hover, .modBox:hover a   {text-decoration: none; color: #ffffff;}




.reuseBox {margin: 24px 0; border: 2px dashed #e3e3e3; padding: 6px; background-color: #ffffff; }
.reuseBox p {font-size: 9pt !important; color: #999999 !important;}

.option5 a {color: #333333; }
.option5:hover a {text-decoration: none; color: #ffffff;}




.sourceData {display: none;}


#block-system-main header {display: none;}

.interface h3.instruction {margin: 18px 0 3px 0; color: #7c7c7c; font-size: 15pt; font-weight: 400;}


p.instruction {margin: 0 0 12px 0; font-size: 13pt; color: #9c9c9c;}





.interface li {
    cursor: pointer;
    list-style-type: none;
    margin-bottom: 9px;
    margin-left: 0;
}

.interface li ul {
	padding-top: 12px;
	
}


.interface li.active {
    cursor: default;
    font-weight: bold;
}

.interface li span.hidden {
    display: none;
}
















.interface ul#predefinedTables li.leaf {
    padding-left: 0;
}

ul#predefinedTables li.leaf {
    color: #b3d455;
    font-size: 14pt;
	transition: transform 0.3s ease, border-radius 0.5s ease, border-radius 0.5s, opacity 0.5s ease, color 0.3s ease, border-bottom 0.5s ease, background-color 0.3s ease !important;


}

ul#predefinedTables li.leaf:hover {
    color: #4c4c4c;
    transform: translateX(0) translateY(-0);



}

ul#predefinedTables li.leaf:after {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ce";
    margin-left: 6px;
    font-size: 14pt;
    font-weight: 300;
}



ul#predefinedTables li a {
    background-color: #ffffff;
}

ul#predefinedTables > li {
    font-size: 14pt;
    width: 100%;
}

ul#predefinedTables > li > a {
    display: inline-block;
    font-size: 14pt;
    background-color: #ebf2d3;
    width: 100%;
    color: #f3f3f3;
    padding: 6px;
}

ul#predefinedTables > li > a:hover {
    background-color: #b3d455;
}

ul#predefinedTables li.group1 > a {
    color: #3c3c3c;
    font-size: 14pt;
}

ul#predefinedTables li.group2 > a {
    color: #3c3c3c;
    font-size: 14pt;
}

ul#predefinedTables li.group3 > a {
    color: #3c3c3c;
    font-size: 14pt;
}

ul#predefinedTables li.group4 > a {
    color: #3c3c3c;
    font-size: 14pt;
}

ul#predefinedTables li.group5 > a {
    color: #3c3c3c;
    font-size: 14pt;
}

ul#predefinedTables li a .sign {
    color: #f58466;
    font-weight: bold;
}

ul#predefinedTables li a:hover {
    text-decoration: none;
}

#predefinedTables li li {
    margin: 0 0 6px 0 !important;
    padding: 0;
}

#predefinedTables li ul {
    margin: 0 0 3px 0 !important;
}


















#viewSelectorNav {margin-top: 24px; margin-bottom: 0;}
.results {overflow: auto;}
.results .table td, .results .table th {font-size: 9pt;}
.results .table tbody td:nth-child(1) {font-weight: bold;}
.results .table th {background-color: #efefef; }
.results .table tfoot td  p {margin: 0 0 3px 0; padding: 0; font-size: 9pt;}
.results .table tfoot td  h3 {margin: 12px 0 6px 0; font-size: 10pt;}
.results .caption, .results .table h3 {font-size: 13pt; padding: 0 0 9px 0; font-weight: bold; text-align: left;}
.results .table td:nth-child(1), .results .table th:nth-child(1) {min-width: 8em;}
.results .table-striped tbody > tr > td, .results .table-striped tbody > tr > th {background-color: #eef3fa;}
.results .table-striped tbody > tr:nth-child(odd) > td, .results .table-striped tbody > tr:nth-child(odd) > th {background-color: #e1e8f6;}
.results .table-bordered {border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.results .table-bordered th, .results .table-bordered td {border-color: #ffffff; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}

.results .table.predefinedTable thead th {background-color: #b3d455; color: #ffffff;}
.results .predefinedTable {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.results .table.predefinedTable th, .results .table.predefinedTable td {background-color: #ebf2d3; border-color: #ffffff; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: 6px;}
.results .table.predefinedTable th {padding-right: 18px;}
.results .table.predefinedTable tfoot td {background-color: #ffffff; }
.results .table.predefinedTable td.notAvailable {
    background: #ebf2d3 url(http://www.emcdda.europa.eu/userfiles/image/jquery_dataTables/notAvailableSymbol.png) no-repeat center center;
}

// DATATABLES PLUGIN
//.ColVis_Button {margin-left: 9px; border: 1px solid red !important;}
.tableTools {}
.tableSearch {	float: left;}


ul#cvDataList {
    margin-left: 0;
    padding-left: 0;
    width: 90%;
    
}

#countriesView ul ul {
    margin-left: 6px;
    padding-left: 0;
}

#countriesView ul.countriesViewCountryList {
    margin-left: 0;
	padding-left: 0;
}

#countriesView ul.countriesViewCountryList li  {
    margin-bottom: 6px;
}



#countriesView ul.countriesViewCountryList li label {
    font-size: 11pt;
	font-weight: normal;
}

#countriesView ul.countriesViewCountryList li label span{
    padding-left: 6px;
}

#countriesView .interface li {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
}

#countriesView .interface li label.checkbox {
    display: inline-block;
    width: auto
    border: 1px solid red;
    vertical-align: middle;
}

#countriesView .interface li input[type="checkbox"] {
    border: 1px solid red;
    padding-top: 6px;
    position: relative;
    margin-left: 0; 
	padding-left: 0;
}

ul#cvDataList {
    width: auto;
    ;
}

ul#cvDataList ul {
    margin-left: 3px;
}

ul#cvDataList li {
    margin-bottom: 6px !important;
	float: none;
}

ul#cvDataList ul ul {
    margin-left: 0 !important;
}

ul#cvDataList ul ul ul {
    margin-left: 0 !important;
}

ul#cvDataList li a {
    background-color: #ffffff;
}

ul#cvDataList > li > a {
    display: inline-block;
    font-size: 11pt;
    background-color: #a3a3a3;
    width: 100%;
    color: #f3f3f3;
    padding: 6px;
}

ul#cvDataList li.leaf span {
    font-size: 11pt;
    padding-left: 12px;
    color: #034ea2;
}

ul#cvDataList li.leaf {
    margin-bottom: 0;
}

ul#cvDataList li.group1 > a {
    color: #3c3c3c;
    font-size: 11pt;
}

ul#cvDataList li.group2 > a {
    color: #3c3c3c;
    font-size: 11pt;
}

ul#cvDataList li.group3 > a {
    color: #3c3c3c;
    font-size: 11pt;
}

ul#cvDataList li.group4 > a {
    color: #3c3c3c;
    font-size: 11pt;
}

ul#cvDataList li.group5 > a {
    color: #3c3c3c;
    font-size: 11pt;
}

ul#cvDataList li a .sign {
    color: #f58466;
    font-weight: bold;
}

ul#cvDataList li a:hover {
    text-decoration: none;
}

#countriesView h2.tableGrouping {
    margin-top: 64px;
    padding: 6px 4px;
    background-color: #f58466;
    font-size: 11pt;
    color: #ffffff;
}

#countriesView h2.tableGrouping:first-child {
    margin-top: 0;
}

#countriesView .results .table caption {
    font-size: 10pt;
    padding: 12px 0 9px 0;
    text-align: left;
}

#countriesView .results .table tfoot {
    background-color: #f7f8fc;
}

#countriesView .results .table tfoot td h3 {
    margin: 3px 0 3px 0;
    font-size: 10pt;
}

ul.links {
     float: right;
     padding-top: 70px;
}

ul.links a {
     font-size: 35px;
}
	

@media (min-width:992px) {
   #tableViewModal  .modal-lg {
        width: 900px;
		width: 90%;
    }
}


#methods {margin-top: 100px; border-top: 10px solid #dfdfdf;}
#methods h2 {margin-top: 6px;}
#methods h2, #methods h3, #methods h4, #methods p, #methods li, #methods td, #methods th {color: #7c7c7c;}
#methods p, #methods li, #methods td, #methods th {color: #5c5c5c;}

.thumbnails .caption {display: none;}

#chartThumbnails div.thumbnail {cursor: pointer;  }
#chartThumbnails div.thumbnail:hover {border-color: #6c6c6c; }	

.modal-body img {margin: 0 auto;}