/* - ++resource++jquery.slickgrid.css - */
@media screen {
/* https://www.eea.europa.eu/portal_css/++resource++jquery.slickgrid.css?original=1 */
.slick-header-columns {
background: url('../images/header-columns-bg.gif') repeat-x center bottom;
border-bottom: 1px solid silver;
}
.slick-header-column {
background: url('../images/header-columns-bg.gif') repeat-x center bottom;
border-right: 1px solid silver;
}
.slick-header-column:hover, .slick-header-column-active {
background: white url('../images/header-columns-over-bg.gif') repeat-x center bottom;
}
.slick-headerrow {
background: #fafafa;
}
.slick-headerrow-column {
background: #fafafa;
border-bottom: 0;
height: 100%;
}
.slick-row.ui-state-active {
background: #F5F7D7;
}
.slick-row {
position: absolute;
background: white;
border: 0px;
line-height: 20px;
}
.slick-row.selected {
z-index: 10;
background: #DFE8F6;
}
.slick-cell {
padding-left: 4px;
padding-right: 4px;
}
.slick-group {
border-bottom: 2px solid silver;
}
.slick-group-toggle {
width: 9px;
height: 9px;
margin-right: 5px;
}
.slick-group-toggle.expanded {
background: url(../images/collapse.gif) no-repeat center center;
}
.slick-group-toggle.collapsed {
background: url(../images/expand.gif) no-repeat center center;
}
.slick-group-totals {
color: gray;
background: white;
}
.slick-cell.selected {
background-color: beige;
}
.slick-cell.active {
border-color: gray;
border-style: solid;
}
.slick-sortable-placeholder {
background: silver !important;
}
.slick-row.odd {
background: #fafafa;
}
.slick-row.ui-state-active {
background: #F5F7D7;
}
.slick-row.loading {
opacity: 0.5;
filter: alpha(opacity = 50);
}
.slick-cell.invalid {
border-color: red;
}/**/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
width: 100%;
overflow: hidden;
border-left: 0px;
}
.slick-header-columns, .slick-headerrow-columns {
position: relative;
white-space: nowrap;
cursor: default;
overflow: hidden;
}
.slick-header-column.ui-state-default {
position: relative;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
height: 16px;
line-height: 16px;
margin: 0;
padding: 4px;
border-right: 1px solid silver;
border-left: 0px;
border-top: 0px;
border-bottom: 0px;
float: left;
}
.slick-headerrow-column.ui-state-default {
padding: 4px;
}
.slick-header-column-sorted {
font-style: italic;
}
.slick-sort-indicator {
display: inline-block;
width: 8px;
height: 5px;
margin-left: 4px;
}
.slick-sort-indicator-desc {
background: url(images/sort-desc.gif);
}
.slick-sort-indicator-asc {
background: url(images/sort-asc.gif);
}
.slick-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
cursor: col-resize;
width: 4px;
right: 0px;
top: 0;
height: 100%;
}
.slick-sortable-placeholder {
background: silver;
}
.grid-canvas {
position: relative;
outline: 0;
}
.slick-row.ui-widget-content, .slick-row.ui-state-active {
position: absolute;
border: 0px;
width: 100%;
}
.slick-cell, .slick-headerrow-column {
position: absolute;
border: 1px solid transparent;
border-right: 1px dotted silver;
border-bottom-color: silver;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
z-index: 1;
padding: 1px 2px 2px 1px;
margin: 0;
white-space: nowrap;
cursor: default;
}
.slick-group {
}
.slick-group-toggle {
display: inline-block;
}
.slick-cell.highlighted {
background: lightskyblue;
background: rgba(0, 0, 255, 0.2);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slick-cell.flashing {
border: 1px solid red !important;
}
.slick-cell.editable {
z-index: 11;
overflow: visible;
background: white;
border-color: black;
border-style: solid;
}
.slick-cell:focus {
outline: none;
}
.slick-reorder-proxy {
display: inline-block;
background: blue;
opacity: 0.15;
filter: alpha(opacity = 15);
cursor: move;
}
.slick-reorder-guide {
display: inline-block;
height: 2px;
background: blue;
opacity: 0.7;
filter: alpha(opacity = 70);
}
.slick-selection {
z-index: 10;
position: absolute;
border: 2px dashed black;
}.slick-columnpicker {
border: 1px solid #718BB7;
background: #f0f0f0;
padding: 6px;
-moz-box-shadow: 2px 2px 2px silver;
-webkit-box-shadow: 2px 2px 2px silver;
min-width: 100px;
cursor: default;
}
.slick-columnpicker li {
list-style: none;
margin: 0;
padding: 0;
background: none;
}
.slick-columnpicker input {
margin: 4px;
}
.slick-columnpicker li a {
display: block;
padding: 4px;
font-weight: bold;
}
.slick-columnpicker li a:hover {
background: white;
}.slick-pager {
width: 100%;
height: 26px;
border: 1px solid gray;
border-top: 0;
background: url('../images/header-columns-bg.gif') repeat-x center bottom;
vertical-align: middle;
}
.slick-pager .slick-pager-status {
display: inline-block;
padding: 6px;
}
.slick-pager .ui-icon-container {
display: inline-block;
margin: 2px;
border-color: gray;
}
.slick-pager .slick-pager-nav {
display: inline-block;
float: left;
padding: 2px;
}
.slick-pager .slick-pager-settings {
display: block;
float: right;
padding: 2px;
}
.slick-pager .slick-pager-settings * {
vertical-align: middle;
}
.slick-pager .slick-pager-settings a {
padding: 2px;
text-decoration: underline;
cursor: pointer;
}
.slick-column-name {
display: inline-block;
float: left;
margin-bottom: 100px;
}
.slick-header-button {
display: inline-block;
float: right;
vertical-align: top;
margin: 1px;
margin-bottom: 100px;
height: 15px;
width: 15px;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
}
.slick-header-button-hidden {
width: 0;
-webkit-transition: 0.2s width;
-ms-transition: 0.2s width;
transition: 0.2s width;
}
.slick-header-column:hover > .slick-header-button {
width: 15px;
}/* */
.slick-header-menubutton {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 14px;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
display: none;
border-left: thin ridge silver;
}
.slick-header-column:hover > .slick-header-menubutton,
.slick-header-column-active .slick-header-menubutton {
display: inline-block;
}
/* */
.slick-header-menu {
position: absolute;
display: inline-block;
margin: 0;
padding: 2px;
cursor: default;
}
/* */
.slick-header-menuitem {
list-style: none;
margin: 0;
padding: 0;
cursor: pointer;
}
.slick-header-menuicon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 4px;
background-repeat: no-repeat;
background-position: center center;
}
.slick-header-menucontent {
display: inline-block;
vertical-align: middle;
}
/* */
.slick-header-menuitem-disabled {
color: silver;
}
.slick-header-columns {
background: url('++resource++slickgrid-images/header-columns-bg.gif') repeat-x center bottom;
}
.slick-header-column {
background: url('++resource++slickgrid-images/header-columns-bg.gif') repeat-x center bottom;
}
.slick-header-column:hover, .slick-header-column-active {
background: white url('++resource++slickgrid-images/header-columns-over-bg.gif') repeat-x center bottom;
}
.slick-group-toggle.expanded {
background: url(++resource++slickgrid-images/collapse.gif) no-repeat center center;
}
.slick-group-toggle.collapsed {
background: url(++resource++slickgrid-images/expand.gif) no-repeat center center;
}
.slick-sort-indicator-desc {
background: url(++resource++slickgrid-images/sort-desc.gif);
}
.slick-sort-indicator-asc {
background: url(++resource++slickgrid-images/sort-asc.gif);
}
.slick-pager {
background: url('++resource++slickgrid-images/header-columns-bg.gif') repeat-x center bottom;
}
.slick-header-menu {
border: 1px solid #718BB7;
background: #f0f0f0;
padding: 2px;
-moz-box-shadow: 2px 2px 2px silver;
-webkit-box-shadow: 2px 2px 2px silver;
min-width: 100px;
z-index: 20;
}
.slick-header-menuitem {
font-family: arial;
font-size: 8pt;
}
.slick-header-menusection {
}
.slick-header-menusectionitem {
padding-left: 10px;
}
.slick-header-menuitem:hover {
border-color: silver;
background: white;
}
.slick-header-menuitem-disabled {
border-color: transparent !important;
background: inherit !important;
color: #888;
}
.slick-header-menubutton {
background-color: whitesmoke;
}

}


/* - ++resource++eea.daviz.tutorials.css - */
@media screen {
/* https://www.eea.europa.eu/portal_css/++resource++eea.daviz.tutorials.css?original=1 */
.daviz-settings {
overflow: hidden;
}
.daviz-tutorials iframe {
float:left;
margin-right:2px;
}
.daviz-tutorials .daviz-tutorials-search{
float: left;
width:576px;
border:1px solid rgb(85,85,85);
padding-right:2px;
}
.daviz-tutorials .daviz-tutorials-main-playlist{
margin-left:10px;
overflow:auto;
border-bottom:1px solid rgb(85,85,85);
margin-top: 15px;
}
.daviz-tutorials img {
height:40px;
float:left;
border:2px solid rgb(26,26,26);
margin-right: 10px;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem{
height:60px;
padding:10px;
color: rgb(85,85,85);
cursor: pointer;
overflow: hidden;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem:hover{
background-color: #bbbbbb;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem div{
float:left;
width:400px;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem.hidden-item {
display:none;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem.nowplaying{
background-color: #aaaaaa;
}
.daviz-tutorials .daviz-tutorials-videos .daviz-tutorials-videoitem.nowplaying img{
border:2px solid red;
}
.by-difficulty {
margin-left:10px;
float:left;
}
.by-topic {
float:right;
width:300px
}
.daviz-tutorials-tagcloud {
padding:10px;
}
.daviz-tutorials-tagcloud ul {
list-style-type: square;
color: #999;
padding-left: 20px;
font-family: Arial, FreeSans, sans-serif;
font-size: 13px;
margin:0 !important;
}
.daviz-tutorials-tagcloud label {
display: block;
font-family: Arial, FreeSans, sans-serif;
color: rgb(85, 85, 85);
font-weight: normal;
font-size:16px;
}
.daviz-tutorials-main-playlist-title,
.daviz-tutorials-main-playlist-title-label{
padding-left:10px;
padding-top:10px;
font-size:16px;
font-weight:bold;
float:left;
}
.daviz-tutorials-main-playlist-title{
font-style:italic;
}
.daviz-tutorials-tagcloud ul a{
border-bottom:0 !important;
}
.daviz-tutorials-tagcloud ul a.selected{
font-weight:bold;
color: #888 !important;
}
.eea-tutorial {
float:right;
line-height:24px;
margin-left:10px;
margin-right:10px;
margin-top:5px;
font-size:11px;
}
.eea-tutorial span.tutorial-title{
float:right;
color: #205c90;
text-decoration:underline;
}
.eea-tutorial a{
float:left;
border:0 !important;
}
.eea-tutorial .tutorial-icon{
float:right;
color: #205c90;
font-size:24px;
}
.eea-tutorial .message{
margin-right:5px;
color:#999;
float:left;
}

}