/* ***** Crotec suites main stylesheet *************** */
/* ***** Sabine de Milliano, sabine@knalblauw.nl ***** */

/* ***** Style guide ********************************* */
/* ***** Whites, blacks and greys
/* ***** #000000, #252525, #444444
         #858585, #909090, #AAAAAA, #CCCCCC; #DEDEDE
         #EDEDED, #F0F0F0, #F5F5F5, #FAFAFA, #FFFFFF * */
/* ***** #0065A2: main theme colour ****************** */
/* ***** #2587C6: main theme colour hover ************ */
/* ***** #39870C: alternative theme colour *********** */
/* ***** #449D11: alternative theme colour hover ***** */
/* ***** #C3DBB6: toolbars *************************** */
/* ***** #00CC25: status ok/correct/accept *********** */
/* ***** #10DD35: status ok/correct/accept hover ***** */
/* ***** #FFFCCC: status highlight ******************* */
/* ***** #FFF777: status highlight selected ********** */
/* ***** #FFAA00: status warning/pending/test ******** */
/* ***** #FFB515: status warning/pending/test  ******* */
/* ***** #CC0000: status error *********************** */
/* ***** #DD0000: status error hover ***************** */
/* ***** #FEDEDE: status error row background ******** */
/* ***** #B272D0: status archived ******************** */
/* ***** #C282E0: status archived hover ************** */
/* ***** #BFEAFD: label colour 1 ********************* */
/* ***** #ECF9FE: label colour 1 disabled ************ */
/* ***** #BCF5A3: label colour 2 ********************* */
/* ***** #EBFCE3: label colour 2 disabled ************ */
/* ***** #FBCEA3: label colour 3 ********************* */
/* ***** #EFD6F9: label colour 4 ********************* */
/* *************************************************** */

/* ***** Font sets *********************************** */
@font-face { font-family: 'NewsGothic'; src: url('../fonts/newsgothicstd-webfont-webfont.eot'); src: url('../fonts/newsgothicstd-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/newsgothicstd-webfont-webfont.woff') format('woff'), url('../fonts/newsgothicstd-webfont-webfont.ttf') format('truetype'), url('../fonts/newsgothicstd-webfont-webfont.svg#news_gothic_stdregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'EntypoRegular'; /* Entypo pictograms by Daniel Bruce ? www.entypo.com */ src: url('../fonts/Entypo-webfont.eot'); src: url('../fonts/Entypo-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Entypo-webfont.woff') format('woff'), url('../fonts/Entypo-webfont.ttf') format('truetype'), url('../fonts/Entypo-webfont.svg#entyporegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FoundationIcons'; src: url('../fonts/foundation-icons.eot'); src: url('../fonts/foundation-icons.eot?#iefix') format('embedded-opentype'), url('../fonts/foundation-icons.woff') format('woff'), url('../fonts/foundation-icons.ttf') format('truetype'), url('../fonts/foundation-icons.svg#fontcustom') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ModernPictograms'; src: url('../fonts/modernpics-webfont.eot'); src: url('../fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/modernpics-webfont.woff') format('woff'), url('../fonts/modernpics-webfont.ttf') format('truetype'), url('../fonts/modernpics-webfont.svg#ModernPictograms') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'WebHostingHub-Glyphs'; src: url('../fonts/webhostinghub-glyphs.eot'); src: url('../fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'), url('../fonts/webhostinghub-glyphs.ttf') format('truetype'); font-weight: normal; font-style: normal; -moz-font-feature-settings: "calt=0,liga=0"; }
@font-face { font-family: 'WebSymbols'; src: url('../fonts/WebSymbols-Regular-webfont.eot'); src: url('../fonts/WebSymbols-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/WebSymbols-Regular-webfont.woff') format('woff'), url('../fonts/WebSymbols-Regular-webfont.ttf') format('truetype'), url('../fonts/WebSymbols-Regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; }

/* ***** Global settings and reset ******************* */
body, div, img, p, h1, h2, h3, h4, h5, h6, strong, em, span, a, ul, ol, li, blockquote, form, input, button, select, textarea, option, fieldset, label, legend, table, tr, td, th, tbody, thead, tfoot { margin: 0px; padding: 0px; border: 0px; outline: 0px; }
body, img, form, input, select, textarea, option, fieldset, label, legend, table, tr, td, th, tbody, thead, tfoot, button { font-family: 'NewsGothic', 'Arial', sans-serif; font-weight: normal; font-style: normal; line-height: 1.7em; }
body, img, form, input, select, textarea, option, table { color: #252525; }
html, body { height: 100%; background: #FFFFFF; position: relative; }
body { font-size: 90%; min-width: 1024px; overflow-y: scroll; }
  @media screen and (max-width: 1330px) {
    body { font-size: 80%; } }

/* ***** Base styles for headings, links and lists *** */
h1 { font-size: 1.9em; margin: 15px 0px 25px 1px; font-weight: normal; letter-spacing: -1px; }
h3 { font-size: 1em; margin: 25px 0px 15px 0px; color: #000000; }
h3.tight, .popup h3.tight { margin: 0px; }
h4, h5, h6 { color: #000000; }
a { color: inherit; text-decoration: none; transition: color 0.25s ease-out; }
a img { border: 0px; }
.format-links a { color: #0065A2; }
.format-links a:hover { color: #2587C6; }
.contents ul { list-style: square; padding-left: 25px; margin: 5px 0px 15px 0px; }
.abbreviation { text-transform: uppercase; }

/* ***** General layout tools ************************ */
span.separator { display: inline-block; margin: 0px 10px 0px 10px; position: relative; top: -2px; }
.separate-top { border-top: 1px solid #F0F0F0; }
.inline-icon-et.square { margin-left: 10px; margin-right: 10px; line-height: 0px; }
.scrollable { max-height: 155px; overflow-y: auto; }
.scrollable.large { max-height: 470px; overflow-y: auto; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; box-sizing: border-box; }
.ui-icon:after { font-family: 'FoundationIcons'; text-indent: 0px; display: block; position: absolute; top: 0px; }
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-content { background: #FFFFFF; }
.ui-widget-header { background: #767676; color: #FFFFFF; }
.ui-widget-header a { color: #AAAAAA; transition: color 0.25s ease-out; }
.ui-widget-header a:hover { color: #FFFFFF; }
.ui-widget :active { outline: none; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; }

/* ***** Layout fixes ******************************** */
.clear-floats { clear: both; }
.floating { float: left; }
.fix-collapse { float: left; }
.fix-collapse .form-line:first-child { margin-top: 0px; }
.stop-scroll { overflow: hidden; }
.push-margin { margin-bottom: 35px; }
.push-size { min-height: 250px; }
.push-bottom { width: 100%; height: 32px; }
.hidden-text { display: none; }
.expired { color: #B272D0; }
.fix-height { margin-top: 33px; float: left } /* Float: left prevents collapsing margins */
.fix-between-width, .form-line .fix-between-width { display: inline-block; width: 31px; padding-left: 8px; text-align: center; }
.pushdown.top-fixed { top: auto; }
.relative-anchor { position: relative; }
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; }

/* ***** Loaders ************************************* */
.loader-fullpage-container { position: absolute; width: 100%; height: 100%; background: #858585; opacity: 0.8; z-index: 8000; }
#loader-fullpage { position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; }
.loader-item-container { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; z-index: 8000; }
.loader-item-container.no-offset { margin-top: 0px; margin-left: 0px; }
#loader-item { position: absolute; left: 50%; top: 50%; }
.loader-item-container.pushdown #loader-item { top: 150px; }
.loader-inline { margin: 15px; }
.loader-popup-container { position: relative; left: 50%; width: 50px; height: 250px; margin-top: -25px; margin-left: -25px; z-index: 8000; }
#loader-popup { position: absolute; left: 50%; top: 50%; }

/* ***** Header and logo ***************************** */
.top { background: #FFFFFF; height: 130px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 1000; }
.logo { margin: 15px 25px 13px 25px; width: 238px; height: 62px; }
.logo a { display: block; width: 100%; height: 100%; }
.logo a.logo-rototaal { background: url('../images/logo.png') no-repeat 0px 0px; }
.logo a.logo-grexmanager { background: url('../images/logoGrexManager.jpg') no-repeat 0px 0px; }
.logo a.logo-csam { background: url('../images/logoCSAM.jpg') no-repeat 0px 0px; }
  @media(-webkit-min-device-pixel-ratio: 1.5) {
    .logo a.logo-rototaal { background: url('../images/logo-2x.png') no-repeat 0px 0px; background-size: 188px; }
    .logo a.logo-grexmanager { background: url('../images/logoGrexManager-2x.jpg') no-repeat 0px 0px; background-size: 238px; }
    .logo a.logo-csam { background: url('../images/logoCSAM-2x.jpg') no-repeat 0px 0px; background-size: 238px; } }

/* ***** Page block containers *********************** */
/* All importants in this section are required to override jQuery inline style caused by resizable event */
.contents { text-align: left; height: auto; min-height: 100%; margin: 0px 0px -32px 0px; position: relative; width: 100%; }
.block-left { left: 0px; }
.block-middleleft { left: 25%; }
.block-middleright { right: 25%; }
.block-right { right: 0px; }
.block-left div.ol-zoom { right: auto; left: 25px; } /* OpenLayers controls aligned left */
.block-right div.ol-zoom { right: 22px; left: auto; } /* OpenLayers controls aligned right */
.block-left.block-resizable { border-right: 1px solid #AAAAAA; height: auto !important; }
.block-right.block-resizable { border-left: 1px solid #AAAAAA; height: auto !important; }
.block-fixed { position: fixed; z-index: 500; top: 125px !important; height: 100%; border: 0px; }
.block-float { background: #FFFFFF; position: absolute; z-index: 600; top: 130px !important; padding-bottom: 40px; overflow: hidden; }
.block-flex { background: #FFFFFF; position: relative; z-index: 600; top: 130px !important; padding-bottom: 40px; overflow: hidden; float: left; }
.block-full { width: 100%; }
.block-large { width: 75%; }
.block-medium { width: 50%; }
.block-small { width: 25%; }
.block-large.block-fixed { width: 75%; }
.block-medium.block-fixed { width: 50%; }
.block-small.block-fixed { width: 25%; }
.block-flex.block-small { width: calc(25% - 7px); }
.block-flex .big-links a { width: calc(100% - 25px); }
.block-fixed.goto-top, .block-float.goto-top { top: 0px !important; padding-bottom: 0px; }
.block-float.goto-top { min-height: 100% !important; }
  @media screen and (max-width: 1650px) {
    .block-small.responsive-invisible { display: none; }
    .block-small.responsive-visible { width: 30%; left: 0px; }
    .block-medium.responsive-visible { width: 70%; } }
.padded { padding: 25px 25px 25px 50px; }
.padded-small { padding: 25px; }
.padded.tight, .padded-small.tight { padding-top: 5px; }
.padded-horizontal { padding: 0px 25px 0px 25px; box-sizing: border-box; }
.padded-horizontal.tight { padding: 0px 15px 0px 15px; box-sizing: border-box; }
.full-view-relative { position: relative; }
.center-view { width: 840px; margin-left: auto; margin-right: auto; position: relative; }
.center-view.padded { padding-left: 0px; padding-right: 0px; }
.big-block { position: relative; width: calc(100% - 25px); margin: 0px 7px 7px 0px; padding: 25px 0px 10px 25px; background: #F5F5F5; cursor: move; transition: all 0.25s ease-out; }
.big-block:hover { background: #FAFAFA; }

/* ***** Footer ************************************** */
.bottom { color: #FFFFFF; font-size: 0.8em; background: #0065A2; height: 40px; width: 100%; position: fixed; left: 0px; bottom: 0px; z-index: 999; box-shadow: 0px -5px 11px -5px rgba(0,0,0,0.25); }
.bottom a { color: #FFFFFF; }
.bottom a:hover { text-decoration: underline; }
.bottom .content-left { position: absolute; top: 9px; left: 25px; }
.bottom .content-left span.square, .bottom .content-right span.square { margin-left: 10px; margin-right: 10px; line-height: 0px; }
.bottom .content-right { position: absolute; top: 9px; right: 25px; }

/* ***** Icon font families ************************** */
.inline-icon-ar { font-family: 'Arial'; }
.inline-icon-et { font-family: 'EntypoRegular'; }
.inline-icon-fi { font-family: 'FoundationIcons'; }
.inline-icon-mp { font-family: 'ModernPictograms'; }
.inline-icon-wh { font-family: 'WebHostingHub-Glyphs'; }
.inline-icon-ws { font-family: 'WebSymbols'; }

/* ***** Menu and title icons ************************ */
.menu span:first-child { position: absolute; left: 0px; }
.menu span:first-child:before { color: #FFFFFF; font-size: 250%; line-height: 25px; }
.block-title-icon:before { color: #858585; font-size: 500%; line-height: 64px; }
.icon-home:before { font-family: 'EntypoRegular'; content: '\00EF'; }
.icon-import:before { font-family: 'EntypoRegular'; content: 'w'; }
.icon-plans:before { font-family: 'EntypoRegular'; content: 'l'; }
.icon-magazijn:before { font-family: 'EntypoRegular'; content: 't'; }
.icon-plan:before, .icon-registratie:before { font-family: 'EntypoRegular'; content: 'l'; }
.icon-manifest:before { font-family: 'ModernPictograms'; content: 'B'; }
.icon-rapportage:before { font-family: 'EntypoRegular'; content: '\00F3'; }
.icon-notifications:before { font-family: 'EntypoRegular'; content: '='; }
.icon-configuration:before { font-family: 'EntypoRegular'; content: '@'; }
.icon-environments:before { font-family: 'WebSymbols'; content: 'D'; }
.icon-password:before { font-family: 'FoundationIcons'; content: '\F160'; }
.icon-users:before { font-family: 'EntypoRegular'; content: '+'; }
.icon-updates:before { font-family: 'EntypoRegular'; content: '?'; }
.icon-trash:before { font-family: 'EntypoRegular'; content: 'u'; }
.menu span.icon-manifest:before { font-size: 28px !important; line-height: 7px; }
.menu span.icon-environments:before { font-size: 16px !important; line-height: 7px; }
.menu span.icon-password:before { font-size: 26px !important;  }
.block-title-icon.icon-plans:before, .block-title-icon.icon-plan:before, .block-title-icon.icon-trash:before { font-size: 88px; }
.block-title-icon.icon-manifest:before { font-size: 60px; line-height: 20px; }
.block-title-icon.icon-environments:before, .block-title-icon.icon-password:before { font-size: 35px; line-height: 55px; margin-left: 5px; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1330px) {
	.menu span.icon-manifest:before { font-size: 24px !important; line-height: 2px !important; }
	.menu span.icon-environments:before { line-height: 0px; } }

/* ***** Widget, table and tree icons **************** */
i { font-style: normal; }
.td-icons { white-space: nowrap; }
.td-icons a { display: inline-block; margin: 0px 10px 0px 0px; }
.td-icons a:last-child { margin: 0px; }
.td-icons span:after, .td-icons a:after { font-size: 2.2em; }
td:last-child.td-icons a:after { opacity: 0.1; }
tr:hover .td-icons a:after { opacity: 1; }
.icon-edit:after { content: '\0026'; }
.icon-open:after { content: 's'; }
.icon-exported:after { content: 'v'; }
.icon-check:after { content: 'W'; }
.icon-listed:after { content: 'j'; }
.icon-del:after { content: 'u'; color: #CC0000; }
.icon-del-export:after { content: '['; color: #CC0000; }
.icon-unlocked:after { content: 'V'; }
.icon-locked:after { content: 'U'; color: #CC0000; }
.icon-archived:after { content: 't'; color: #B272D0; }
.icon-restore:after { content: 'd'; transition: all 0.25s ease-out; }
.icon-restore:hover:after { color: #2587C6; }
.icon-recent-view { font-size: 25px; }
.boolean span { display: none; }
.boolean:after { font-family: 'EntypoRegular'; line-height: 0px; }
.boolean.true:after { content: 'W'; font-size: 200%; }
.boolean.false:after { content: '\005E'; font-size: 180%; color: #CC0000; }
span.icon-notification:after { content: '='; font-size: 200%; line-height: 25px;}
span.icon-notification-now:after { content: '`'; position: relative; top: 2px; }
span.icon-notification-cc:after { content: '*'; }
span.icon-notification-todo:after { content: 'R'; }
span.icon-notification-alarm:after { content: 'c'; position: relative; top: 2px; color: #CC0000; }
span.icon-notification-ok:after { content: 'W'; position: relative; top: 2px; color: #00CC25; }
span.icon-notification-user:after { font-family: 'WebSymbols'; content: 'U'; font-size: 1.1em; }
span.icon-notification-pending:after { content: 'R'; position: relative; top: 2px; color: #FFAA00; }
.icon-overwrite:after { font-family: 'WebHostingHub-Glyphs'; content: '\F0C7'; position: relative; top: 2px; color: #CC0000; font-size: 18px; }
.icon-tree:after { font-family: 'WebHostingHub-Glyphs'; content: '\F0F0'; }
.icon-folder:after { font-family: 'WebHostingHub-Glyphs'; content: '\F483'; }
.icon-layers:after { font-family: 'WebHostingHub-Glyphs'; content: '\F788'; }
.icon-tag:after { font-family: 'WebHostingHub-Glyphs'; content: '\F032'; }
.icon-area:after { font-family: 'WebHostingHub-Glyphs'; content: '\F220'; }
.icon-object-point:after { font-family: 'Arial'; content: '\25CF'; }
.icon-object-line:after { font-family: 'WebHostingHub-Glyphs'; content: '\F1BF'; }
.icon-object-polygon:after { font-family: 'FoundationIcons'; content: '\F107'; font-size: 16px; }
.icon-eb:after { font-family: 'WebHostingHub-Glyphs'; content: '\2212'; }
.icon-db:after { font-family: 'WebHostingHub-Glyphs'; content: '\F30C'; }
.icon-matrix:after { font-family: 'WebHostingHub-Glyphs'; content: '\F4E3'; }
.icon-value:after { font-family: 'WebHostingHub-Glyphs'; content: '\F33B'; }
.ui-icon-close:after { content: '\F217'; }
.ui-icon-closethick:after { content: '\F217'; }
.ui-icon-circle-triangle-e:after { font-family: 'EntypoRegular'; content: '\00E5'; font-size: 150%; }
.ui-icon-circle-triangle-s:after { font-family: 'EntypoRegular'; content: '\00E4'; font-size: 150%; }
.ui-icon-circle-triangle-w:after { font-family: 'EntypoRegular'; content: '\00E2'; font-size: 150%; }
.ui-icon-circle-triangle-n:after { font-family: 'EntypoRegular'; content: '\00E3'; font-size: 150%; }

/* ***** Navigation ********************************** */
.tgglmenu { font-size: 26px; position: fixed; right: 5px; top: 5px; z-index: 3000; line-height: 0px; cursor: pointer; }
.menu { list-style: none; background: #0065A2; height: 40px; position: relative; z-index: 99; width: 100%; box-shadow: 0px 5px 11px -5px rgba(0,0,0,0.25); }
.menu li { position: relative; color: #DEDEDE; margin: 0px 0px 0px 25px; padding: 8px 0px 0px 30px; display: inline-block; transition: color 0.25s ease-out; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1330px) {
    .menu li { padding: 9px 0px 0px 35px; }
	.menu span:first-child:before { line-height: 22px; } }
.menu li:hover { color: #FFFFFF; }
.menu .logout { position: absolute; right: 35px; line-height: 37px; padding: 0px; }
.menu .trash { position: absolute; right: 65px; font-size: 33px; line-height: 38px; padding: 0px; }
  @media screen and (max-width: 1000px) {
    .menu { white-space: nowrap; } }
  @media screen and (max-width: 800px) {
    .menu li:not(.logout):not(.trash) { width: 0px; overflow: hidden; } }

/* ***** Page titles ********************************* */
.block-title { padding: 10px 5px 10px 18px; overflow: hidden; }
.block-title.floating { width: 50%; max-width: 400px; }
  @media screen and (max-width: 1280px) {
    .block-title.floating { float: none; width: 100%; } }
.block-title h1 { margin: 13px 0px 0px 0px; }
.block-title h3 { font-size: 0.9em; color: #999999; font-weight: normal; font-style: normal; margin: 0px; }
.block-title-icon { height: 50px; width: 50px; float: left; margin: 5px 10px 0px 0px; }

/* ***** Foldable menu ******************************* */
.block-fold h2 { color: #858585; background: #E1EDDB; font-size: 1em; font-weight: normal; padding: 9px 10px 9px 40px; border-bottom: 1px solid #FFFFFF; position: relative; z-index: 1000; cursor: pointer; transition: background 0.25s ease-out;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.block-full .block-fold h2 { padding: 9px 25px 9px 55px; }
.block-fold h2:hover  { background: #E5F1DF; }
.block-fold h2.permanently-deleted { background: repeating-linear-gradient(0deg, #F0F0F0 0px, #F0F0F0 3px, #FAFAFA 3px, #FAFAFA 6px) !important; text-decoration: line-through; color: #AAAAAA !important; }
.block-fold h2.permanently-deleted:before { opacity: 0; }
.block-fold h2:before { font-family: 'ModernPictograms'; font-size: 1.2em; content: '>'; margin-left: -15px; position: relative; left: -15px; top: -1px; line-height: 0px; width: 15px; }
.block-fold h2.fold-section-opened:before { content: '/'; }
.block-fold-section .foldable { display: none; position: relative; background: #FFFFFF; z-index: 1000; }
.block-fold .sub-fold h2 { color: #252525; background: #EDEDED; }
.block-fold .sub-fold h2:hover { background: #F5F5F5; }
.block-fold .sub-fold h2 span.note { color: #AAAAAA; }
.sub-fold.inactive h2, .sub-fold.inactive h2:hover { background: #FFFFFF; opacity: 0.3; cursor: default; }
h3.fold-next { clear: both; cursor: pointer; }
h3.fold-next:after { font-family: 'ModernPictograms'; font-size: 1.2em; content: '/'; margin-left: 15px; position: relative; top: -1px; line-height: 0px; width: 15px; }
h3.fold-next.fold-section-opened:after { content: '>'; }
.block-fold h2.contains-error { background: #CC0000; }
.block-fold h2.contains-error:hover { background: #DD0000; }
.block-fold .sub-fold h2.contains-error { background: #FEDEDE; }
.block-fold .sub-fold h2.contains-error:hover { background: #FFE5E7; }

/* ***** Toolbars ************************************ */
.toolbar { background: #C3DBB6; padding: 0px; height: 36px; width: 100%; }
.toolbar.anchor-top { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DEDEDE; }
.toolbar.anchor-bottom { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #DEDEDE; }
.toolbar.anchor-none { border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.toolbar.anchor-both { border-bottom: 1px solid #DEDEDE; border-top: 1px solid #DEDEDE; }
.toolbar .separator { display: inline-block; line-height: 0px; height: 36px; margin: 0px 0px 0px 15px; padding: 0px; border-right: 1px solid #DEDEDE; vertical-align: middle; position: relative; top: -1px; }
.toolbar a { position: relative; vertical-align: middle; display: inline-block; height: 36px; width: 36px; margin: 0px; text-align: center; color: #858585; transition: color 0.25s ease-out; }
.toolbar div { position: relative; vertical-align: middle; display: inline-block; text-align: left; color: #000000; transition: color 0.25s ease-out; }
.toolbar img { position: relative; vertical-align: middle; display: inline-block; height: 18px; width: 18px; transition: color 0.25s ease-out; }
.toolbar a .inline-icon-mp { font-size: 18px; line-height: 22px; position: relative; top: -1px; }
.toolbar a .inline-icon-et { font-size: 28px; line-height: 36px; }
.toolbar a .inline-icon-wh { font-size: 14px; line-height: 32px; }
.toolbar a .inline-icon-fi { font-size: 16px; line-height: 35px; }
.toolbar a:hover { color: #000000; cursor: pointer; }
.toolbar a.warning:hover { color: #CC0000; }
.toolbar a.activated { color: #0065A2; }
.toolbar a.disabled { color: #DDDDDD; }
.toolbar a.waiting { background: url('../images/ajax-loader-toolbar.gif') no-repeat center center; background-size: 14px; text-indent: -9999px; }
.toolbar a > span.loader-container { position: absolute; top: 0px; left: 0px; display: block; width: 36px; height: 36px; }
.toolbar a .spinner { top: 18px !important; left: 18px !important; }
.block-full .toolbar a { margin-left: 13px; }
.toolbar.sticky { position: fixed; top: 130px; z-index: 8000; border-bottom: 1px solid #DEDEDE; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.15); }
.toolbar.sticky.stick-to-top { top: 0px; }
.toolbar .inactive { opacity: 0.2; }
.toolbar .inactive:hover, .toolbar .warning.inactive:hover { color: #858585; cursor: default; }
.toolset-title { margin-left: 25px; position: relative; top: -1px; }

/* ***** Block (big) links *************************** */
.big-links a { position: relative; display: block; background: #F5F5F5; margin: 0px 7px 7px 0px; padding: 25px 25px 0px 25px; height: 50px; width: 100%; float: left; transition: all 0.25s ease-out; }
.big-links a:before { content: ''; height: 100%; width: 10px; position: absolute; top: 0px; left: 0px; background: #DEDEDE; }
.big-links a:after { font-family: 'ModernPictograms'; content: '\003E'; margin-right: 10px; position: absolute; top: 50%; right: 25px; font-size: 60px; margin-top: -25px; line-height: 0px; opacity: 0.05; }
.big-links a.colour-group-1:before { background: #FBCEA3; }
.big-links a.colour-group-2:before { background: #BCF5A3; }
.big-links a.colour-group-3:before { background: #BFEAFD; }
.big-links a.colour-group-4:before { background: #EFD6F9; }
.big-links a:hover { background: #2587C6; color: #FFFFFF; }
.big-links a:hover:after { color: #FFFFFF; opacity: 1; }
.big-links h1:not(:first-child) { clear: both; padding-top: 33px; }
.block-right .big-links a { width: calc(100% - 50px); }
.block-right .big-links a:after { right: 0px; }
@media screen and (max-width: 1300px) {
  .big-links a:after { margin-right: 0px; right: 15px; } }
@media screen and (max-width: 1100px) {
  .big-links a:after { display: none; } }
@media screen and (max-height: 800px) {
  .big-links a { padding: 13px 25px 0px 25px; height: 35px; } }

/* ***** General form elements *********************** */
form { text-align: left; }
fieldset { margin: 0px 0px 25px 0px; overflow: visible; }
legend { margin: 0px 0px 10px 0px; font-weight: bold; }
label { display: block; float: left; position: relative; top: -3px; text-align: left; vertical-align: middle; }
label.fluid-width, .form-line label.fluid-width { width: auto; }
button { color: #FFFFFF; background: #0065A2; text-align: center; padding: 12px 0px 12px 0px; cursor: pointer; transition: background 0.25s ease-out; position: relative; }
button:hover { background: #2587C6; }
button.secondary, button.reverse { background: #CCCCCC; }
button.secondary:hover, button.reverse:hover { background: #2587C6; }
button.warning { background: #CC0000; }
button.warning:hover { background: #DD0000; }
button .inline-icon-et { font-size: 3em; line-height: 0px; position: relative; top: 4px; left: -15px; margin-right: 5px; }
button .inline-icon-mp { font-size: 1.9em; line-height: 0px; position: relative; top: 4px; left: -15px; margin-right: 5px; }
button[disabled=disabled], button[disabled=disabled]:hover { background: #0065A2; color: #DEDEDE; opacity: 0.25; }
button[disabled=disabled].warning, button[disabled=disabled].warning:hover { background: #CC0000; color: #DEDEDE; opacity: 0.25; }
button[disabled=disabled].secondary, button[disabled=disabled].secondary:hover { background: #CCCCCC; color: #252525; opacity: 0.25; }
button[disabled=disabled].is-loading, button[disabled=disabled].is-loading:hover { opacity: 1.0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], select, textarea { width: 260px; padding: 0px 9px 0px 9px; display: inline-block; vertical-align: top; border: 1px solid #DEDEDE; background: #FFFFFF; border-radius: 0px; -webkit-appearance: none; font-size: 100%; }
input[type="text"].extralong-input, input[type="password"].extralong-input, input[type="email"].extralong-input, input[type="search"].extralong-input{ width: 700px; }
input[type="number"] { height: 24px; width: 50px; display: inline-block; vertical-align: top; padding-left: 7px; border: 1px solid #DEDEDE; background: #FFFFFF; -webkit-appearance: none; font-size: 100%; }
textarea { min-width: 260px; max-width: 260px; min-height: 80px; max-height: 300px; font-size: 1em; }
td textarea { min-height: 50px; margin: 5px 0px 5px 0px; }
input[disabled='disabled'] { color: #CCCCCC; background: #F5F5F5; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus, textarea:focus { background: #FFFCCC; }
input[type="checkbox"] { border-radius: 0px; }
input[type='radio'] { margin: 0px 7px 0px 0px; vertical-align: baseline; }
input.radiocombo { margin-top: 2px; vertical-align: top; }
input.datefield, input.small { width: 90px; }
.file-button-container { position: relative; width: 280px; height: 46px; background: #0065A2; transition: background 0.25s ease-out; }
.file-button-container:hover { background: #2587C6; }
input[type="file"] { width: 280px; height: 46px; position: absolute; z-index: 100; opacity: 0; cursor: pointer; }
.dummy-file-button { width: 280px; height: 46px; color: #FFFFFF; text-align: center; padding: 12px 0px 12px 0px; position: absolute; z-index: 99; box-sizing: border-box; }
.dummy-file-button .inline-icon-et { font-size: 3em; line-height: 0px; position: relative; top: 4px; left: -15px; margin-right: 5px; }
.optional:after { content: '(optioneel)'; font-size: 8px; color: #CCCCCC; position: relative; top: -4px; left: 2px }
.loader-button { position: absolute; left: 25px; top: 22px; }
.required:after { font-family: 'EntypoRegular'; content: '7'; color: #CC0000; font-size: 200%; line-height: inherit; }
.show-info:after { content: 'b'; font-family: 'EntypoRegular'; font-size: 200%; color: #AAAAAA; line-height: 0px; position: relative; top: 1px; margin: 0px; cursor: help; }
.hide-single-input input[type=radio]:only-child { display: none; }
a.test-connection { font-family: 'EntypoRegular'; font-size: 50px; line-height: 0px; position: relative; top: 10px; color: #AAAAAA; }
a.test-connection:hover { color: #2587C6; }
a.test-connection:after { content: '\007B'; }
a.external-link { display: block; width: 280px; height: 36px; background: #CCCCCC; color: #FFFFFF; text-align: center; line-height: 36px; cursor: pointer; box-sizing: border-box; transition: all 0.25s ease-out; }
a.external-link:hover { background: #2587C6; }
a.external-link.right { position: absolute; top: 15px; right: 15px; }
a.external-link .inline-icon-et { font-size: 2em; line-height: 0px; position: relative; top: 2px; margin-right: 10px; }

/* ***** Form element containers ********************* */
.form-line { display: block; margin: 7px 0px 7px 0px; clear: both; position: relative; /* Added for connection feedback icons */}
.form-line label { width: 145px; clear: both; display: inline-block; text-align: left; vertical-align: top; margin: 3px 15px 0px 0px; }
.form-line.long label { width: 195px; white-space: nowrap; }
.form-line.extralong label { width: 325px; white-space: nowrap; }
.form-line .validation { display: inline-block; font-size: 0.85em; position: absolute; width: 350px; }
.form-line .validation.compact { width: 25px; }
.form-line .validation.vertical { display: block; position: relative; width: 280px; margin: 8px 0px 7px 160px; }
.form-line.long .validation.vertical { margin: 8px 0px 7px 210px; }
.form-line.extralong .validation.vertical { margin: 8px 0px 7px 340px; }
.form-line button { margin: 5px 0px 25px 160px; width: 280px; }
.form-line.long button { margin: 5px 0px 25px 210px; width: 280px; }
.form-line.extralong button { margin: 5px 0px 25px 340px; }
.form-line.rc-group { margin-top: 25px; }
.form-line.rc-group label { margin-top: 1px; }
.form-line-editor { margin-left: 160px; width: 500px; }
.rc-container { display: inline-block; }
.rc-container label { width: 260px; display: block; cursor: pointer; }
.rc-container.inline { margin-top: 2px; }
.rc-container.inline label { width: auto; display: inline-block; float: none; margin: 0px 0px 0px 7px; top: -1px; height: 24px; }
  @media screen and (max-width: 1330px) { .rc-container.inline label { height: 21px; } }
/* .rc-container.inline label:first-child { margin: 0px 0px 0px 35px; } disabled for RoTotaal Admin environment */
.rc-container input[disabled="disabled"] + span { color: #CCCCCC; }
.rc-toggle input { visibility: hidden; }
.rc-toggle span { display: block; color: #FFFFFF; background: #CCCCCC; text-align: center; padding: 12px 15px 12px 15px; margin-right: 1px; cursor: pointer; transition: background 0.25s ease-out; position: relative; }
.rc-toggle input:checked + span.not-validated { background: #858585; }
.rc-toggle span.not-validated:hover { background: #909090; }
.rc-toggle input:checked + span.incorrect { background: #CC0000; }
.rc-toggle span.incorrect:hover { background: #DD0000; }
.rc-toggle input:checked + span.correct { background: #00CC25; }
.rc-toggle span.correct:hover { background: #10DD35; }
.rc-toggle:after { content: ''; display: block; clear: both; }
.form-link { display: block; color: #0065A2; line-height: 18px; }
.form-link:hover { color: #2587C6; }
.form-link:before { font-family: 'ModernPictograms'; content: '\003E'; margin-right: 7px; font-size: 150%; }
.form-line .form-link { margin-left: 160px; }
.form-line.long .form-link { margin-left: 210px; }
.form-line.long .form-link { margin-left: 340px; }
.form-line .fix-width { display: inline-block; width: 55px; padding-left: 5px; text-align: center; }
.form-line.collapse-margin { margin-bottom: 0px; }
.form-line input.sibling-large-button { width: 80px; }
.form-line button.inline { height: 26px; padding: 2px 7px 2px 7px; box-sizing: border-box; }
.form-line button.inline.sibling-small-input { margin: 0px 0px 0px 15px; width: 165px; }
.form-line.solitary { float: left; margin-top: 15px; }
  @media screen and (max-width: 1450px) { .form-line.solitary { float: none; } }
.input-linked-block, .input-linked { position: relative; clear: both; }
.input-linked-block .form-line:first-child { height: 35px; }
.combine-down:after { content: '\007B'; font-size: 65px; line-height: 65px; position: absolute; left: 185px; top: -3px; color: #DEDEDE; }
button.add-item-link { position: absolute; left: 0px; top: 0px; z-index: 1000; }
.remove-item-link { display: block; width: 25px; height: 25px; line-height: 24px; font-size: 24px; text-align: center; position: absolute; left: 165px; top: 19px; color: #AAAAAA; z-index: 1000; transition: all 0.25s ease-out; }
.remove-item-link:hover { color: #DD0000; }
.input-note { color: #AAAAAA; font-size: 80%; }
.IMRO2008 .remove-item-link { top: 3px; left: 180px; }
.IMRO2008 .hide2008 { display: none; }

/* ***** Button containers *************************** */
.button-line { white-space: nowrap; }
.button-line button { margin: 10px 0px 10px 0px; width: 280px; display: inline-block; }
.button-line button.secondary { width: 145px; margin-right: 10px; }
.button-line button.secondary.contains-loader { width: 220px; }
.button-line.multiple button { margin-right: 8px; }
.button-line.multiple.right { width: 100%; text-align: right; }
.button-line.multiple.right button { margin-right: 0px; margin-left: 8px; }
.button-line.single { width: 100%; text-align: right; }
.button-line.single button { /*width: 235px;*/ width: 280px; margin: 15px 0px 15px 0px; }
.button-line.right { width: 100%; text-align: right; }
@media screen and (max-width: 1330px) {
    .form-line button.inline { height: 23px; padding: 1px 7px 2px 7px; } }

/* ***** Info containers (non-editable form lines) *** */
.info-line { display: block; border-top: 1px dashed #E5E5E5; padding: 1px 15px 1px 15px; max-width: 80%; max-width: calc(100% - 100px); white-space: nowrap; height: 25px; }
.info-line:last-child { border-bottom: 1px dashed #E5E5E5; margin-bottom: 15px; }
.info-line span { width: 40%; float: left; text-align: left; vertical-align: top; margin: 0px 5% 0px 0px; }
.info-line span.infolabel { clear: both; }
.info-line div { width: 55%; overflow: hidden; text-overflow: ellipsis; }
.big-block .info-line { border-color: #CCCCCC; }
.center-view .info-line { max-width: 100%; }

/* ***** Workflow containers ************************* */
.check-line { display: block; margin: 10px 0px 10px 15px; clear: both; height: 40px; }
.check-line .workflow-step { position: relative; margin: 0px 15px 0px 0px; display: block; float: left; width: 40px; height: 40px; color: #FFFFFF; background: #0065A2; transition: all 0.25s ease-out; line-height: 40px; text-align: center; }
.check-line .workflow-step:hover { background: #2587C6; }
.check-line.checked .workflow-step, .check-line.checked .workflow-step:hover { background: #00CC25; cursor: default; }
.check-line.late .workflow-step, .check-line.late .workflow-step:hover { background: #CC0000; cursor: default; }
.check-line.next-step .workflow-step { background: #39870C; }
.check-line.next-step .workflow-step:hover { background: #449D11; }
.check-line.next-step a { font-size: 200%; line-height: 22px; }
.check-line span { line-height: 40px; }
.check-line span.done { color: #CCCCCC; }
.check-line span.comment { color: #CCCCCC; }
.check-line span.square { color: #CCCCCC; margin-left: 15px; margin-right: 15px; position: relative; top: -1px; }
.check-line .required:after { color: #FFFFFF; position: absolute; line-height: 0px; top: 7px; right: 2px; font-size: 18px; }

/* ***** Form validation ***************************** */
.error-arrow { display: block; position: absolute; top: 0px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 12px 12px 12px 0px; border-color: transparent #CC0000 transparent transparent; }
.error-message { display: block; position: absolute; top: 0px; left: 22px; background: #CC0000; color: #FFFFFF; padding: 6px 10px 6px 10px; line-height: 12px; }
.error-message:before { font-family: 'EntypoRegular'; content: 'c'; font-size: 2.5em; line-height: 0em; margin-right: 5px; position: relative; top: 3px; }
.vertical .error-arrow { display: block; position: absolute; top: -8px; left: 10px; width: 0px; height: 0px; border-style: solid; border-width: 0px 8px 8px 8px; border-color: transparent transparent #CC0000 transparent; }
.vertical .error-message { position: relative; top: 0px; left: 0px; width: 260px; }
.vertical .error-arrow.arrow-right { left: auto; right: 10px; }
input.input-error { border-color: #CC0000; }
.error-icon:before { font-family: 'EntypoRegular'; content: 'c'; font-size: 2.5em; line-height: 0em; margin: 0px 5px 0px 5px; position: relative; top: 3px; color: #CC0000; }
.block-error { display: none; background: #CC0000; color: #FFFFFF; font-size: 0.85em; position: relative; box-sizing: border-box; padding: 15px 15px 15px 60px; text-align: left; width: 100%; overflow: hidden; }
.block-error:after { font-family: 'EntypoRegular'; content: 'c'; font-size: 6em; position: absolute; left: 15px; top: 50%; margin-top: -3em; line-height: 6em; }
.block-success { display: none; background: #00CC25; color: #FFFFFF; font-size: 0.85em; position: relative; box-sizing: border-box; padding: 15px 15px 15px 60px; text-align: left; width: 100%; overflow: hidden; }
.block-success:after { font-family: 'EntypoRegular'; content: '`'; font-size: 6em; position: absolute; left: 15px; top: 50%; margin-top: -3em; line-height: 6em; }
.block-success p .inline-icon-et { font-size: 200%; margin-right: 5px; position: relative; top: 1px; }
.block-success a:hover { text-decoration: underline; }
.block-pending { display: none; background: #CCCCCC; color: #FFFFFF; font-size: 0.85em; position: relative; box-sizing: border-box; padding: 15px 15px 15px 60px; text-align: left; width: 100%; overflow: hidden; }
.block-pending:after { font-family: 'EntypoRegular'; content: '`'; font-size: 6em; position: absolute; left: 15px; top: 50%; margin-top: -3em; line-height: 6em; }
.certificate:after { font-family: 'ModernPictograms'; content: ')'; font-size: 50px; position: absolute; left: 15px; top: 10px; margin-top: 0px; line-height: 0px; }
.manifest:after { font-family: 'ModernPictograms'; content: 'B'; font-size: 50px; position: absolute; left: 15px; top: 10px; margin-top: 0px; line-height: 0px; }
.feedback-icon { display: inline-block; margin: 0px 5px 0px 5px; position: absolute; top: 4px; cursor: help; }
.feedback-icon.success:after { font-family: 'EntypoRegular'; content: '`'; font-size: 2.5em; color: #00CC25; }
.feedback-icon.error:after { font-family: 'EntypoRegular'; content: 'c'; font-size: 2.5em; color: #CC0000; }

/* ***** Popup *************************************** */
.modal-overlay, .modal-overlay-level2 { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #555555; opacity: 0.7; z-index: 5000; }
.modal-overlay-level2 { z-index: 7000; }
.popup { display: none; width: auto; height: auto; max-height: 800px; max-height: calc(100% - 150px); overflow-y: auto; float: left; background: #FFFFFF; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.3); position: fixed; top: 150px; left: 37%; left: calc(50% - 235px); z-index: 6000; overflow-x: hidden; }
.popup.popup-level2 { z-index: 8000; }
.popup h1:first-child { color: #FFFFFF; letter-spacing: 0px; font-size: 100%; background: #858585; padding: 9px 15px 9px 15px; margin: 0px; cursor: move; }
.popup h3 { margin: 35px 0px 0px 0px; }
.popup ul, .popup ol { margin-left: 19px; }
.popup p { width: auto; max-width: 430px; }
.popup.popup-large { left: calc(50% - 300px); min-width: 600px; top: 80px; }
.popup.popup-medium { left: calc(50% - 225px); min-width: 490px; top: 80px; max-height: calc(100% - 160px); }
.popup.popup-extralarge { width: 96%; left: 2%; top: 40px; max-height: 96%; }
.popup.popup-high { top: 80px; max-height: calc(100% - 160px); }
.popup .block-success p, .popup .block-pending p, .popup .block-error p { max-width: 100%; }
.popup-contents { padding: 15px 15px 0px 15px; }
.popup .popup-close-icon { color: #FFFFFF; width: 24px; height: 24px; font-family: 'ModernPictograms'; line-height: 15px; font-size: 22px; text-align: center; position: absolute; top: 5px; right: 15px; cursor: pointer; }
.popup .form-line { white-space: nowrap; }
.popup .info-line { max-width: 100%; }
.popup-block-half-left { width: calc(50% - 60px); margin-right: 30px; display: inline-block; vertical-align: top; white-space: nowrap; }
.popup-block-half-right { width: 50%; margin-right: 0px; display: inline-block; vertical-align: top; white-space: nowrap; }
.popup-contents.push-scrollbar .form-line, .popup-contents.push-scrollbar button { white-space: nowrap; margin-right: 10px; }

/* ***** Datepicker ********************************** */
.ui-datepicker { width: 15em; display: none; border: 1px solid #DEDEDE; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 5px 10px 5px 10px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 5px; }
.ui-datepicker .ui-datepicker-prev { left: 9px; }
.ui-datepicker .ui-datepicker-next { right: 18px; }
.ui-datepicker .ui-datepicker-title { text-align: center; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0px; }
.ui-datepicker th { padding: 1px 5px 1px 5px; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker-calendar .ui-state-highlight { background: #FFFCCC; }
.ui-datepicker-calendar .ui-state-active { background: #0065A2; color: #FFFFFF; }
.ui-datepicker-calendar .ui-state-hover { background: #FFFCCC; }
.ui-datepicker-calendar .ui-state-active.ui-state-hover { background: #2587C6; color: #FFFFFF; }

/* ***** Tables ************************************** */
.interactive-datatable { width: 100%; clear: both; }
.nofilter .dataTables_filter { display: none; }
.noinfo .dataTables_info { display: none; }
.dataTable { width: 100%; clear: left; border-collapse: collapse; border: 1px solid #F0F0F0; box-sizing: border-box;  }
.dataTable.table-medium { width: 50%; min-width: 840px; }
.dataTable.table-popup { width: 100%; }
.dataTables_length { font-size: 0.8em; width: 40%; float: left; margin: 9px 0px 10px 1px; display: none; }
.dataTables_length select { margin-right: 5px; }
.dataTables_filter { text-align: left; position: absolute; right: 50px; top: 10px; }
.dataTables_filter:before { content: 's'; font-family: 'ModernPictograms'; color: #858585; font-size: 1.6em; position: absolute; left: 198px; top: 3px; line-height: 0px; z-index: 1500; }
.dataTables_filter input { margin-right: 0px; width: 220px; box-sizing: border-box; }
.dataTables_info { color: #858585; font-size: 0.8em; width: 50%; position: absolute; top: 30px; right: 50px; text-align: right; margin: 7px 0px 0px 1px; }
.sorting_asc:after, .sorting_desc:after, .sorting:after, .sorting_asc_disabled:after, .sorting_desc_disabled:after { font-family: 'ModernPictograms'; display: inline; margin: -5px 5px 0px 0px; white-space: nowrap; line-height: 0px; }
.sorting_asc:after { color: #DEDEDE; content: ' \002D';  }
.sorting_desc:after { color: #DEDEDE; content: ' \002F'; }
.sorting:after { opacity: 0.3; content: ' \002D \002F'; right: 3px; }
.sorting:hover { cursor: pointer; }
.sorting:hover:after { opacity: 1.0; }
.dataTable tr.odd td { background: #F8F8F8; }
.dataTable tr.even td { background: #FFFFFF; }
.dataTable thead tr { background: #858585; }
.dataTable th, .dataTable td { padding: 1px 10px 1px 15px; vertical-align: middle; border-left: 1px solid #F0F0F0; }
.dataTable th { color: #FFFFFF; text-align: left; }
.dataTable td .square-icon { float: right; }
.dataTable tbody tr:hover td.group { background: #DEDEDE; border-bottom: 1px solid #FFFFFF; cursor: pointer; }
.dataTable th.td-icons, td.td-icons { width: 10px; }
.dataTable tbody tr:hover td, .dataTable tbody tr.highlighted td { background: #FFFCCC !important; color: #252525 !important; border: 0px; border-left: 1px solid #FFFCCC; cursor: pointer; } /* Important needed to override calculated text color */
.dataTable tbody tr.selected td { background: #FFF777 !important; color: #252525 !important; border: 0px; border-left: 1px solid #FFF777; cursor: pointer; } /* Important needed to override calculated text color */
.dataTable tbody tr.deleted td { text-decoration: line-through; }
.dataTable tbody tr.permanently-deleted td { background: repeating-linear-gradient(0deg, #F0F0F0 0px, #F0F0F0 3px, #FAFAFA 3px, #FAFAFA 6px); text-decoration: line-through; color: #AAAAAA; }
.headers-nowrap thead th { white-space: nowrap; }
.table-config-search-left { position: relative; }
.table-config-search-left .dataTables_filter { left: 0px; top: -50px; right: auto; width: 350px; }
.table-config-search-left .dataTables_info { left: 0px; top: -35px; right: auto; text-align: left; }
.table-config-search-left.advanced-filter .dataTables_filter { top: -70px; }
.table-config-search-left.advanced-filter .dataTables_info { top: -55px; }
.table-config-search-left.padded-filter .dataTables_filter { left: 15px; }
.table-config-search-left.padded-filter .dataTables_info { left: 15px; }
.table-config-search-right { position: relative; }
.table-config-search-right .dataTables_filter { left: auto; top: -50px; right: 0px; width: auto; }
.table-config-search-right .dataTables_info { left: auto; top: -35px; right: 0px; text-align: right; }
.table-config-search-right.advanced-filter .dataTables_filter { top: -70px; }
.table-config-search-right.advanced-filter .dataTables_info { top: -55px; }
.table-config-search-right.padded-filter .dataTables_filter { right: 15px; }
.table-config-search-right.padded-filter .dataTables_info { right: 15px; }
.matrix { border-collapse: collapse; margin: 15px 0px 55px 0px; width: 100%; table-layout: fixed; }
.matrix tbody tr { border-bottom: 1px dashed #E5E5E5; }
.matrix tr:hover { background: #FFFCCC; }
.matrix thead tr, .matrix thead tr:hover { background: #858585; color: #FFFFFF; }
.matrix th { padding: 5px 15px 5px 15px; text-align: center; white-space: nowrap; font-weight: normal; overflow: hidden; text-overflow: ellipsis; position: relative; color: #FFFFFF; transition: all 0.25s ease-out; }
.matrix th .matrix-header { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.matrix th:hover:not(:first-child) { color: #858585; }
.matrix th:hover .matrix-header { display: none; }
.matrix th:first-child { width: 150px; text-align: left; }
.matrix th .inline-icon-et { display: none; margin: 0px 5px 0px 5px; font-size: 150%; transition: all 0.25s ease-out; }
.matrix th:hover .inline-icon-et { display: inline-block; color: #DDDDDD; cursor: pointer; }
.matrix th:hover .inline-icon-et:hover { color: #FFFFFF; }
.matrix td { padding: 5px 15px 5px 15px; }
.matrix td:first-child { padding-right: 30px; }
.matrix td:not(:first-child) { text-align: center; }
.fixed-list th, .fixed-list td { padding: 5px 15px 5px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
td.group { background: #DEDEDE; border-bottom: 1px solid #FFFFFF; position: relative; }
td.group, .group-item td:first-child { padding-left: 33px; }
td.group:before { font-family: 'ModernPictograms'; content: '\002F'; position: absolute; left: 15px; top: 7px; line-height: 0px; }
td.collapsed-group:before { font-family: 'ModernPictograms'; content: '\003E'; position: absolute; left: 15px; top: 7px; line-height: 0px; }
.edit-group-row:after { content: '\0026'; color: #0065A2; font-size: 2.2em; position: absolute; right: 18px; }
.edit-group-row:hover:after { color: #2587C6; }
.delete-group-row:after { content: 'u'; color: #CC0000; font-size: 2.2em; position: absolute; right: 16px; opacity: 0.1; transition: all 0.25s ease-out; }
.delete-group-row:hover:after { color: #DD0000; opacity: 1.0; }
.restore-group-row:after { content: 'd'; font-size: 2.2em; position: absolute; right: 40px; opacity: 0.1; transition: all 0.25s ease-out; }
.restore-group-row:hover:after { color: #2587C6; opacity: 1.0; }
.group .plan-not-deleted { color: #858585; font-style: italic; }
tr.archived, a.status-archived, a.status-archived:hover { color: #B272D0; }
.restrict-td-size-250 td { max-width: 250px; }
  @media screen and (max-width: 1250px) {
  	.dataTable th, .dataTable td { padding: 0px 5px 0px 7px; }
  	.dataTables_filter input { width: 125px; }
  	.dataTables_filter:before { left: 128px; top: 1px; }
	td.group, .group-item td:first-child { padding-left: 27px; } }
.plan-info-box { display: inline-block; }
.plan-info-box span { display: block; }
.plan-info-box a { display: block; }
.plan-info-box a:first-letter { text-transform: uppercase; }
.plan-info-links { position: absolute; right: 2em; }
.slight-margin-left { margin-left: 5px; }
.slight-margin-bottom  { margin-bottom: 25px; }

/* ***** Filters ************************************* */
h3.table-filter-heading { margin: 0px 0px 55px 0px; }
.toggle-filter { color: #858585; font-size: 0.8em; cursor: pointer; float: right; margin: -15px 50px 10px 25px; line-height: 10px; }
.toggle-filter.filter-left { float: none; margin: 0px 0px 10px 0px; line-height: 10px; position: absolute; top: -25px; }
.toggle-filter:hover { color: #2587C6; }
.toggle-filter:before { font-family: 'ModernPictograms'; content: '\003E'; margin-right: 5px; }
.toggle-filter.filter-more:before { content: '\003E'; }
.toggle-filter.filter-less:before { content: '\002F'; }
.toggle-filter.filtered { color: #FFAA00; }
.filter-push-line { float: right; height: 76px; width: 1px; }
.filter-container { position: relative; display: none; clear: both; width: auto; height: auto; float: right; margin-right: 25px; white-space: nowrap; }
.filter-container.filter-left{ float: none; }
.filter-container.filter-right .rc-container { width: 280px; float: right; margin-bottom: 15px; }
.filter-container .form-line { margin: 0px; padding-bottom: 7px; }
.filter-container .form-line:last-child { padding: 0px 0px 35px 11px; }
.filter-container span { display: inline-block; width: 100px; text-align: right; margin-right: 15px; }
.filter-container button { padding-left: 25px; padding-right: 25px; float: right; margin: 10px auto 0px 23px; }
.filter-container.filter-left button { display: inline-block; padding-left: 25px; padding-right: 25px; float: none; margin: 10px 15px 25px auto; }
.filter-container.filter-left button.secondary { margin-left: 0px; }
.filter-select { margin: 0px 0px 5px 0px; }
.filter-select span { line-height: 40px; }
.filter-container.horizontal { width: calc(100% - 50px); float: left; margin: 0px; white-space: nowrap; padding-top: 0px; }
.filter-container.horizontal > div { display: inline-block; text-align: justify; vertical-align: top; }
.filter-container.horizontal > div.view-date, .filter-container.horizontal > div.modification-date { display: block; padding: 0px 0px 10px 0px; }
.filter-container.horizontal span { display: block; width: 100px; text-align: left; margin-right: 15px; }
.filter-container.horizontal span.fix-width { display: inline; width: auto; margin-right: 5px; }
.filter-container.horizontal .rc-container { position: absolute; }
.filter-container.horizontal .rc-container span { display: inline; }
.filter-container.horizontal .export-icon { display: block; position: absolute; top: 25px; right: 75px; font-size: 0.8em; color: #858585; width: 85px; height: 25px; line-height: 25px; text-align: right; }
.filter-container.horizontal .export-list { display: block; position: absolute; top: 25px; right: 55px; background: #0065A2; color: #FFFFFF; font-size: 150%; width: 25px; height: 25px; line-height: 24px; text-align: center; z-index: 3000; transition: all 0.5s ease-out; }
.filter-container.horizontal .export-list:hover { background: #2587C6; cursor: pointer; }
.filter-container.horizontal .export-list span { width: auto; margin: auto; text-align: center; }
.filter-container.horizontal .export-contours { display: block; position: absolute; top: 25px; right: 25px; background: #0065A2; color: #FFFFFF; font-size: 150%; width: 25px; height: 25px; line-height: 24px; text-align: center; z-index: 3000; transition: all 0.5s ease-out; }
.filter-container.horizontal .export-contours:hover { background: #2587C6; cursor: pointer; }
.filter-container.horizontal .export-contours span { width: auto; margin: auto; text-align: center; }
.filter-container .select2-container-multi .select2-choices { min-height: 55px; max-height: 55px; overflow-y: auto; }
.filter-container .select2-container-multi .select2-choices .select2-search-choice { margin: 5px 0px 0px 5px; padding: 2px 5px 3px 18px; }
.horizontal .filter-select span { line-height: 1.7em; }
.horizontal .filter-select { width: calc(33.25% - 2px); }
.horizontal .select2-container { width: 100%; }
#filter { height: auto; z-index: 1000; }
#filter.simplified { height: 146px; }
#filter.simplified .view-date span { display: inline; }
#filter.simplified button { float: left; margin: 30px 23px 0px 0px; }
#filter.simplified .form-line { display: block; margin-top: -25px; }
#filter.simplified #plangroup-1, #filter.simplified #part-1, #filter.simplified #fase-1 { display: none; }
.padded-horizontal #filter { margin: 0px 0px 25px 0px; }
@media screen and (max-width: 1900px) { .horizontal .filter-select { width: calc(33.23% - 2px); } }

/* ***** Select2 ************************************* */
.select2-container { width: 280px; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; }
.ui-datepicker .select2-container { width: 66px; margin: 3px; }
.select2-container, .select2-drop, .select2-search, .select2-search input{ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.select2-container .select2-choice { display: block; overflow: hidden; position: relative; white-space: nowrap; background: #FFFFFF; height: 26px; padding: 0px 0px 0px 8px; border: 1px solid #DEDEDE; line-height: 26px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-dropdown-open .select2-choice { background-image: none; }
.select2-container.select2-drop-above .select2-choice { border: 1px solid #DEDEDE; }
.select2-container .select2-choice span { margin-right: 20px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.select2-container .select2-choice abbr { display: block; width: 12px; height: 12px; position: absolute; right: 20px; top: 8px; text-decoration: none; border: 0px; outline: 0px; cursor: pointer; }
.select2-container .select2-choice abbr:after { font-family: 'ModernPictograms'; position: absolute; right: 0px; top: -7px; content: 'X'; }
.select2-container .select2-choice abbr:hover:after { color: #0065A2; }
.select2-drop-mask { position: absolute; left: 0px; top: 0px; z-index: 9998; opacity: 0; }
.select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #FFFFFF; border: 1px solid #DEDEDE; border-top: 0px; }
.select2-drop.select2-drop-above { margin-top: 1px; border: 1px solid #DEDEDE; border-bottom: 0px; }
.select2-container .select2-choice div { display: block; width: 18px; background: #FFFFFF; height: 100%; position: absolute; right: 0px; top: 0px; border-left: 1px solid #DEDEDE; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.select2-container .select2-choice div b { display: block; width: 100%; height: 100%; }
.select2-container .select2-choice div b:after { font-family: 'ModernPictograms'; position: absolute; right: 4px; top: -4px; content: '\002F'; }
.select2-container .select2-choice div b:hover:after { color: #0065A2; }
.select2-search { display: inline-block; width: 100%; min-height: 20px; margin: 5px 0px 5px 0px; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; }
.select2-search-hidden { display: block; position: absolute; left: -10000px; }
.select2-search input { width: 100%; height: auto !important; min-height: 18px; padding: 1px 20px 1px 5px; margin: 0px; outline: 0px; border: 1px solid #DEDEDE; background: #FFFFFF; }
.select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }
.select2-search input.select2-active { background: #FFFFFF url('../images/ajax-loader-toolbar.gif') no-repeat 100%; }
.select2-container-active .select2-choice, .select2-container-active .select2-choices { border: baseComponentBorder; outline: none; }
.select2-dropdown-open .select2-choice { background-color: #FFFFFF; border-bottom-color: transparent; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.select2-dropdown-open .select2-choice div { background: transparent; border-left: none; filter: none; }
.select2-dropdown-open .select2-choice div b { background-position: -18px -3px; }
.select2-results { max-height: 250px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.select2-results ul.select2-result-sub { margin: 0px; }
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
.select2-results li { list-style: none; display: list-item; background-image: none; }
.select2-results .select2-result-label { padding: 3px 7px 4px 7px; margin: 0px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-results .select2-highlighted { background: #FFFCCC; }
.select2-results .expired { color: #B272D0 !important; }
.select2-results li em { background: #FFFFFF; font-style: normal; }
.select2-results .select2-highlighted em { background: transparent; }
.select2-results .select2-highlighted ul { background: #FFFFFF; }
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #FFFFFF; display: list-item; }
.select2-results .select2-disabled.select2-highlighted { background: #FFFFFF; display: list-item; cursor: default; }
.select2-results .select2-disabled { background: #FFFFFF; display: list-item; cursor: default; }
.select2-results .select2-selected { display: none; }
.select2-more-results.select2-active { background: #FFFFFF url('../images/ajax-loader-toolbar.gif') no-repeat 100%; }
.select2-more-results { background: #FFFFFF; display: list-item; }
.select2-container-disabled { color: #CCCCCC; }
.select2-container.select2-container-disabled .select2-choice { background: #F5F5F5; background-image: none; border: 1px solid #DEDEDE; cursor: default; }
.select2-container.select2-container-disabled .select2-choice div { background: #F5F5F5; background-image: none; border-left: 0px; }
.select2-container.select2-container-disabled .select2-choice abbr { display: none; }
.select2-drop-multi { margin-top: 0px; }
.select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0px; padding: 0px; position: relative; border: 1px solid #DEDEDE; cursor: text; overflow: hidden; background-color: #FFFFFF; }
.select2-locked { padding: 3px 5px 3px 5px !important; }
.select2-container-multi .select2-choices { min-height: 40px; max-height: 150px; overflow-y: auto; }
.select2-container-multi.select2-container-active .select2-choices { border: 1px solid #DEDEDE; outline: none; }
.select2-container-multi .select2-choices li { float: left; list-style: none; }
.select2-container-multi .select2-choices .select2-search-field { margin: 0px; padding: 0px; white-space: nowrap; }
.select2-container-multi .select2-choices .select2-search-field input { padding: 3px 1px 3px 1px; outline: 0px; border: 0px; background: transparent !important; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #FFFFFF url('../images/ajax-loader-toolbar.gif') no-repeat 100% !important; }
.select2-container-multi .select2-choices .select2-search-choice { clear: both; background: #FAFAFA; padding: 3px 5px 3px 18px; margin: 3px 0px 3px 5px; position: relative; line-height: 13px; cursor: default; border: 1px solid #DEDEDE; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.select2-container-multi .select2-choices .select2-search-choice span { cursor: default; }
.select2-container-multi .select2-choices .select2-search-choice-focus { background: #FFFFFF; }
.select2-search-choice-close { display: block; position: absolute; top: 50%; margin-top: -0.45em; outline: none; }
.select2-search-choice-close:after { font-family: 'ModernPictograms'; font-size: 1.2em; position: absolute; right: 0px; top: -7px; content: 'X'; }
.select2-search-choice-close:hover:after { color: #2587C6; }
.select2-container-multi .select2-search-choice-close { left: 15px; }
.select2-container-multi.select2-container-disabled .select2-choices { background-color: #FFFFFF; background-image: none; border: 1px solid #DEDEDE; cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #DEDEDE; background-image: none; background-color: #FFFFFF; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; }
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; }
/*.select2-result-unselectable > div.select2-result-label { font-weight: bold; } removed for 'promoveer' */
.select2-result-unselectable { opacity: 0.3; } /* enabled for promoveer */
.select2-offscreen { position: absolute; left: -10000px; }
.select2-size-100 .select2-container { width: 100px; }
.select2-size-80 .select2-container { width: 80px; }
@media screen and (max-width: 1250px) {
	.filter-selects .select2-container { width: 250px; } }

/* ***** Statistics ********************************** */
.stats { background: #F5F5F5; margin: 0px 7px 7px 0px; padding: 25px 25px 0px 25px; height: 214px; width: 100%; float: left; transition: all 0.25s ease-out; }
.stats:hover { background: #FAFAFA; }
.stats a:hover { text-decoration: underline; }
.stats-line { margin-bottom: 10px; }
.stats-label { line-height: 55px; }
.stats-value { display: inline-block; width: 55px; height: 55px; line-height: 55px; border-radius: 55px; text-align: center; background: #0065A2; color: #FFFFFF; margin-right: 10px; }
.progressbar-static { width: calc(100% - 25px); height: 35px; background: #DEDEDE; position: relative; margin-top: 5px; }
.progressbar-static .progressbar-full { height: 100%; background: #0065A2; position; absolute; top: 0px; left: 0px; }
.progressbar-static .progressbar-full.warning { background: #CC0000; }
.progressbar-static .progressbar-info { position: absolute; top: 40px; right: 0px; }
.progressbar-static .progressbar-full.ok { background: #00CC25; }
td .progressbar-static { width: 100%; height: 1.7em; margin-top: 0px; }
td .progressbar-static .progessbar-info-inside { position: absolute; left: 5px; color: #FFFFFF; }
a.stats-block { display: block; float: left; width: 50px; height: 50px; text-align: center; line-height: 50px; margin: 0px 5px 5px 0px; color: #FFFFFF; cursor: pointer; transition: all 0.25s ease-out; }
a.stats-block:hover { text-decoration: none; }
a.stats-block.available { background: #00CC25; }
a.stats-block.available:hover { background: #10DD35; }
a.stats-block.not-available { background: #AAAAAA; }
a.stats-block.not-available:hover { cursor: default; }
a.stats-block.pending { background: #FFAA00; }
a.stats-block.pending:hover { background: #FFB515; }
a.stats-block.error { background: #CC0000; }
a.stats-block.error:hover { background: #DD0000; }

/* ***** Timeline ************************************ */
div.timeline-frame { border: 1px solid #F5F5F5; position: relative; overflow: hidden; box-sizing: border-box; }
div.timeline-content { position: relative; overflow: hidden; }
div.timeline-axis { border-color: #F5F5F5; border-top-style: solid; border-width: 1px; box-sizing: border-box; }
div.timeline-axis-grid { border-left-style: solid; border-width: 1px; box-sizing: border-box; }
div.timeline-axis-grid-minor { border-color: #F5F5F5; }
div.timeline-axis-grid-major { border-color: #F5F5F5; }
div.timeline-axis-text { padding: 3px; white-space: nowrap; }
div.timeline-event { display: inline-block; background-color: #C3DBB6; box-sizing: border-box; }
div.timeline-event-selected { z-index: 999; }
div.timeline-event-box { border: 0px solid transparent; text-align: center; }
div.timeline-event-range-drag-left { cursor: w-resize; z-index: 1000; }
div.timeline-event-range-drag-right { cursor: e-resize; z-index: 1000; }
div.timeline-event-line { border-left-style: solid; border-left-width: 1px; box-sizing: border-box; }
div.timeline-event-content { margin: 5px; overflow: hidden; white-space: nowrap; }
div.timeline-groups-axis { border-color: #CCCCCC; border-width: 1px; box-sizing: border-box; }
div.timeline-groups-axis-onleft { border-style: none solid none none; }
div.timeline-groups-axis-onright { border-style: none none none solid; }
div.timeline-groups-text { color: #252525; padding-left: 10px; padding-right: 10px; }
div.timeline-currenttime { width: 2px; background-color: #FFF777; box-sizing: border-box; }

/* ***** Text editor, adapted from Trumbowyg 2.0.0-b.5 */
.editor { width: 300px; height: 150px; }
.trumbowyg-box { padding-top: 37px; margin: 15px 0px 15px 0px; }
.trumbowyg-box *, .trumbowyg-box *::before, .trumbowyg-box *::after { -moz-box-sizing: border-box; box-sizing: border-box; }
.trumbowyg-box, .trumbowyg-editor { display: block; position: relative; border: 1px solid #EDEDED; min-height: 125px; }
.trumbowyg-editor, .trumbowyg-textarea { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px; min-height: 125px; width: 100%; border-style: none; resize: none; outline: none; }
.trumbowyg-textarea { position: relative; display: block; overflow: auto; border: none; white-space: normal; font-size: inherit; font-family: 'Courier New', 'monospace'; max-width: 100%; }
.trumbowyg-textarea:focus { background: none; }
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { position: absolute; top: 35px; height: 1px !important; width: 25%; min-height: 0px !important; padding: 0px !important; background: none; opacity: 0; }
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; }
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; }
.trumbowyg-editor[contenteditable=true]:empty:before { content: attr(placeholder); color: #AAAAAA; }
.trumbowyg-button-pane { position: absolute; top: 0px; left: 0px; width: 100%; background: #C3DBB6; border-bottom: 1px solid #EDEDED; margin: 0px !important; padding: 0px; list-style-type: none; line-height: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.trumbowyg-button-pane li { display: block; float: left; text-align: center; overflow: hidden; padding: 0px !important; }
.trumbowyg-button-pane li.trumbowyg-separator { width: 1px; background: #DEDEDE; margin: 0px; height: 35px; }
.trumbowyg-button-pane.trumbowyg-disable li:not(.trumbowyg-not-disable) button:not(.trumbowyg-active) { opacity: 0.25; cursor: default; }
.trumbowyg-button-pane.trumbowyg-disable li.trumbowyg-separator { background: #F0F0F0; }
.trumbowyg-button-pane li button { padding: 1px 6px !important; }
.trumbowyg-button-pane:not(.trumbowyg-disable) li button:hover, .trumbowyg-button-pane:not(.trumbowyg-disable) li button:focus, .trumbowyg-button-pane li button.trumbowyg-active, .trumbowyg-button-pane li.trumbowyg-not-disable button:hover, .trumbowyg-button-pane li.trumbowyg-not-disable button:focus { background-color: #FFFFFF; outline: none; }
.trumbowyg-button-pane li .trumbowyg-open-dropdown:after { display: block; content: ' '; position: absolute; top: 25px; right: 3px; height: 0px; width: 0px; border: 3px solid transparent; border-top-color: #444444; }
.trumbowyg-button-pane .trumbowyg-buttons-right { float: right; width: auto; }
.trumbowyg-button-pane .trumbowyg-buttons-right button { float: left; }
.trumbowyg-dropdown { width: 200px; border: 1px solid #EDEDED; padding: 0px; border-top: none; background: #FFFFFF; margin-left: -1px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.25); }
.trumbowyg-dropdown button { display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; background: #FFFFFF; padding: 0px 14px 0px 14px; color: #252525 !important; border: none; cursor: pointer; text-align: left; font-size: 15px; transition: all 0.25s ease-out; }
.trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { background: #FAFAFA; }
.trumbowyg-editor em { font-style: italic; }
.trumbowyg-editor img, .trumbowyg-editor p, .popup .trumbowyg-editor img, .popup .trumbowyg-editor p { max-width: 100%; }
.trumbowyg-editor img, .popup .trumbowyg-editor img { height: auto; cursor: move; }
.trumbowyg-editor div, .trumbowyg-editor p, .trumbowyg-editor ul, .trumbowyg-editor ol, .trumbowyg-editor blockquote, .popup .trumbowyg-editor div, .popup .trumbowyg-editor p, .popup .trumbowyg-editor ul, .popup .trumbowyg-editor ol, .popup .trumbowyg-editor blockquote { margin: 0px 0px 15px 0px; }
.trumbowyg-editor ul, .trumbowyg-editor ol, .popup .trumbowyg-editor ul, .popup .trumbowyg-editor ol { margin-left: 19px; }
.trumbowyg-editor ul ul, .trumbowyg-editor ol ol, .trumbowyg-editor ul ol, .trumbowyg-editor ol ul, .popup .trumbowyg-editor ul ul, .popup .trumbowyg-editor ol ol, .popup .trumbowyg-editor ul ol, .popup .trumbowyg-editor ol ul { border: none; margin: 2px; padding: 0px; padding-left: 24px; }
.trumbowyg-editor h1, .popup .trumbowyg-editor h1 { color: #252525; background: none; margin: 15px 0px 5px 0px; padding: 0px; font-weight: bold; font-size: 24px; line-height: 28px; }
.trumbowyg-editor h2, .popup .trumbowyg-editor h2 { color: #252525; background: none; margin: 15px 0px 5px 0px; padding: 0px; font-weight: bold; font-size: 20px; line-height: 24px; }
.trumbowyg-editor h3, .popup .trumbowyg-editor h3 { color: #252525; background: none; margin: 15px 0px 5px 0px; padding: 0px; font-weight: bold; font-size: 18px; line-height: 22px; }
.trumbowyg-editor h4, .popup .trumbowyg-editor h4 { color: #252525; background: none; margin: 15px 0px 5px 0px; padding: 0px; font-weight: bold; font-size: 16px; line-height: 18px; }
.trumbowyg-editor table, .popup .trumbowyg-editor table { border-collapse: collapse; }
.trumbowyg-editor tr, .popup .trumbowyg-editor tr { border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }
.trumbowyg-editor td, .popup .trumbowyg-editor td { border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; padding: 3px 7px 3px 7px; }
.trumbowyg-editor a, .popup .trumbowyg-editor a { color: #0065A2; cursor: pointer; }
.trumbowyg-editor a:hover, .popup .trumbowyg-editor a:hover { color: #2587C6; }
.trumbowyg-modal { position: absolute; top: 0px; left: 50%; margin-left: -235px; min-width: 470px; height: 250px; z-index: 11; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.trumbowyg-modal-box { position: absolute; top: 0px; left: 0px; width: 100%; background: #FFFFFF; padding: 15px 15px 75px 15px; text-align: center; box-shadow: 0px 0px 25px rgba(0,0,0,0.25); -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.trumbowyg-modal-box .trumbowyg-modal-title { display: none; }
.trumbowyg-modal-box input { position: absolute; top: 0px; right: 0px; width: 280px; }
.trumbowyg-modal-box label { width: 100%; clear: both; display: block; position: relative; margin: 5px 0px 5px 0px; }
.trumbowyg-modal-box label .trumbowyg-input-infos { display: block; text-align: left; }
.trumbowyg-modal-box label .trumbowyg-input-infos span { display: block; width: 125px; }
.trumbowyg-modal-box .trumbowyg-modal-button { position: absolute; bottom: 15px; display: block; background: #0065A2; color: #FFFFFF; text-align: center; padding: 12px 0px 12px 0px; cursor: pointer; transition: background 0.25s ease-out; }
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { right: 15px; width: 280px; background: #0065A2; }
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #2587C6; }
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { right: 310px; width: 145px; background: #CCCCCC; }
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #2587C6; }
.trumbowyg-modal-box .trumbowyg-progress { width: 100%; background: #00CC25; height: 3px; position: absolute; top: 58px; }
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background: #CCCCCC; height: 100%; transition: width 0.25s ease-out; }
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #CC0000; }
.trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-modal-box label.trumbowyg-input-error textarea { border: 1px solid #CC0000; }
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { margin-top: -27px; }
.trumbowyg-modal-box .error { margin-top: 25px; display: block; color: #CC0000; }
.trumbowyg-overlay { position: absolute; background: #FFFFFF; opacity: 0.7; width: 100%; left: 0px; display: none; z-index: 10; }
.trumbowyg-button-pane li button { display: block; position: relative; text-indent: -9999px; width: 35px; height: 35px; overflow: hidden; background: transparent; /*background: transparent url('../images/icons-black.png') no-repeat;*/ border: none; cursor: pointer; transition: background-color all 0.25s ease-out; }
.trumbowyg-button-pane li button:before { font-family: 'WebHostingHub-Glyphs'; content: ''; color: #858585; position: absolute; top: 0px; left: 0px; width: 35px; height: 35px; text-indent: 0px; line-height: 35px; }
.trumbowyg-button-pane li button.trumbowyg-viewHTML-button:before { content: '\F068'; }
.trumbowyg-button-pane li button.trumbowyg-formatting-button:before { content: '\F7B8'; }
.trumbowyg-button-pane li button.trumbowyg-bold-button:before, .trumbowyg-button-pane li button.trumbowyg-strong-button:before { content: '\F1F4'; }
.trumbowyg-button-pane li button.trumbowyg-italic-button:before, .trumbowyg-button-pane li button.trumbowyg-em-button:before { content: '\F1F5'; }
.trumbowyg-button-pane li button.trumbowyg-underline-button:before { content: '\F7EB'; text-decoration: underline; }
.trumbowyg-button-pane li button.trumbowyg-strikethrough-button:before, .trumbowyg-button-pane li button.trumbowyg-del-button:before { content: '\F7EB'; text-decoration: line-through; }
.trumbowyg-button-pane li button.trumbowyg-link-button:before { content: '\F333'; }
.trumbowyg-button-pane li button.trumbowyg-insertImage-button:before { content: '\F1E0'; }
.trumbowyg-button-pane li button.trumbowyg-justifyLeft-button:before { content: '\F1D7'; }
.trumbowyg-button-pane li button.trumbowyg-justifyCenter-button:before { content: '\F1D9'; }
.trumbowyg-button-pane li button.trumbowyg-justifyRight-button:before { content: '\F1D8'; }
.trumbowyg-button-pane li button.trumbowyg-justifyFull-button:before { content: '\F1DA'; }
.trumbowyg-button-pane li button.trumbowyg-unorderedList-button:before { content: '\F4C2'; }
.trumbowyg-button-pane li button.trumbowyg-orderedList-button:before { content: '\F4C3'; }
.trumbowyg-button-pane li button.trumbowyg-removeformat-button:before { content: '\F1E7'; }

/* ***** Color picker ******************************** */
input[type=color] { width: 75px; height: 26px; border: 1px solid #DEDEDE;  }
div.colorPicker-picker { height: 26px; width: 26px; border-radius: 0px; border: 1px solid #CCCCCC; cursor: pointer; }
div.colorPicker-palette { width: 172px; position: absolute; border: 1px solid #E5E5E5; background: #FFFFFF; padding: 2px; z-index: 9999; margin: -13px 0px 0px 32px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); }
div.colorPicker_hexWrap { width: 100%; float: left }
div.colorPicker_hexWrap label { margin: 9px 0px 0px 24px; width: 25%; }
div.colorPicker_hexWrap input { margin: 5px 2px; width: 60px; float: right; }
div.colorPicker_rgbWrap { width: 100%; text-align: right; overflow: visible; }
div.colorPicker_rgbWrap label { margin: 9px 3px 0px 8px; float: left; }
div.colorPicker_rgbWrap input { margin: 5px 0px 5px 0px; width: 25px; float: left; padding-left: 5px; padding-right: 5px; }
div.colorPicker-swatch { height: 13px; width: 13px; border: 1px solid #858585 !important; margin: 3px; float: left; cursor: pointer; line-height: 12px; } /* Important required to override default JS behaviour */
.form-line div.colorPicker-picker { display: inline-block; }

/* ***** Layer switcher ****************************** */
.layer-switcher-container { position: absolute; top: 90px; right: -310px; width: 350px; z-index: 3000; transition: all 0.5s ease; padding-right: 10px; }
.layer-switcher-container:hover, .layer-switcher-container.opened { right: 10px; }
.layer-switcher-toggle { position: absolute; top: 0px; left: 0px; background: #858585; color: #FFFFFF; font-size: 250%; width: 50px; height: 25px; line-height: 17px; text-align: center; transition: all 0.25s ease-out; }
.layer-switcher-toggle:hover { cursor: pointer; }
.layer-switcher-container.opened .layer-switcher-toggle { background: #39870C; font-size: 250%; }
.layer-switcher-contents { position: absolute; top: 0px; left: 50px; background: #FFFFFF; background: rgba(255,255,255,0.95); width: 100%; padding: 15px; box-shadow: 0px 5px 11px -5px rgba(0,0,0,0.25); }
.layer-switcher-contents .layer-name-container { width: 150px; display: block; }
.layer-switcher-contents .layer-name-container.inactive { opacity: 0.3; }
.layer-switcher-contents .transparency-container { width: 15%; font-family: 'ModernPictograms'; line-height: 0px; display: inline-block; position: absolute; right: auto; left: 222px; margin: 8px 0px 0px 0px; }
.layer-switcher-color-toggle { opacity: 0.7; display: inline-block; position: relative; top: 2px; margin-right: 8px; width: 15px; height: 15px; border-radius: 8px; cursor: pointer; transition: 0.25s ease-out; background: #39870C; background: linear-gradient(36deg, #272B66 42.34%, transparent 42.34%), linear-gradient(72deg, #2D559F 75.48%, transparent 75.48%), linear-gradient(-36deg, #9AC147 42.34%, transparent 42.34%) 100% 0, linear-gradient(-72deg, #639B47 75.48%, transparent 75.48%) 100% 0, linear-gradient(36deg, transparent 57.66%, #E1E23B 57.66%) 100% 100%, linear-gradient(72deg, transparent 24.52%, #F7941E 24.52%) 100% 100%, linear-gradient(-36deg, transparent 57.66%, #662A6C 57.66%) 0 100%, linear-gradient(-72deg, transparent 24.52%, #9A1D34 24.52%) 0 100%, #43A1CD linear-gradient(#BA3E2E, #BA3E2E) 50% 100%; background-repeat: no-repeat; background-size: 50% 50%; }
.layer-switcher-color-toggle.monochrome { background: #444444; background: linear-gradient(36deg, #474747 42.34%, transparent 42.34%), linear-gradient(72deg, #666666 75.48%, transparent 75.48%), linear-gradient(-36deg, #848484 42.34%, transparent 42.34%) 100% 0, linear-gradient(-72deg, #717171 75.48%, transparent 75.48%) 100% 0, linear-gradient(36deg, transparent 57.66%, #8F8F8F 57.66%) 100% 100%, linear-gradient(72deg, transparent 24.52%, #8A8A8A 24.52%) 100% 100%, linear-gradient(-36deg, transparent 57.66%, #4B4B4B 57.66%) 0 100%, linear-gradient(-72deg, transparent 24.52%, #5C5C5C 24.52%) 0 100%, #888888 linear-gradient(#747474, #747474) 50% 100%; background-repeat: no-repeat; background-size: 50% 50%; }
.layer-switcher-color-toggle:hover { opacity: 1; }

/* ***** Click Info ********************************** */
#click-info-layers { padding: 0px 40px 0px 15px; margin: 10px 0px 10px 0px; max-height: 350px; overflow-y: auto; }
.click-info-container { position: absolute; top: 125px; right: -320px; width: 320px; z-index: 2500; background: #FFFFFF; background: rgba(255,255,255,0.95); padding: 0px; min-height: 40px; transition: all 0.25s ease-out; box-shadow: 0px 5px 11px -5px rgba(0,0,0,0.25); }
.click-info-container:hover, .click-info-container.opened { right: 0px; }
.click-info-toggle { content: '\0060'; font-family: 'EntypoRegular'; position: absolute; top: 0px; left: -50px; background: #858585; color: #FFFFFF; font-size: 200%; width: 50px; height: 25px; line-height: 27px; text-align: center; transition: all 0.25s ease-out; cursor: pointer; }
.click-info-loader { float: right; }
.click-info-container.opened .click-info-toggle { background: #39870C; }
.click-loader { background: #FFFFFF; position: absolute; height: 40px; width: 40px; top: 0px; right: 0px; }
.click-loader .spinner{ bottom: 20px; right: 20px; z-index: auto !important; }
.click-info-name { display: inline-block; cursor: pointer; max-width: 225px; transition: all 0.25s ease-out; }
.click-info-name:hover { color: #2587C6; }
.scroll-to-item { display: inline-block; margin-right: 7px; vertical-align: top; font-size: 200%; cursor: pointer; transition: all 0.25s ease-out; }
.scroll-to-item:hover { color: #2587C6; }
#click-position { padding: 7px 15px 10px 35px; }
#click-position:before { font-family: 'EntypoRegular'; content: '4'; font-size: 250%; margin-right: 7px; position: relative; top: 3px; }

/* ***** Tooltip ************************************* */
#powerTip { cursor: default; color: #FFFFFF; background: #2587C6; border: 1px solid #2587C6; border-radius: 1px; display: none; padding: 3px 13px 3px 13px; position: absolute; z-index: 9000; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); max-width: 400px; }
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before { content: ""; position: absolute; }
#powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; }
#powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; }
#powerTip.n:before { border-top: 1px solid #2587C6; border-top-width: 10px; bottom: -10px; }
#powerTip.e:before { border-right: 1px solid #2587C6; border-right-width: 10px; left: -10px; }
#powerTip.s:before { border-bottom: 1px solid #2587C6; border-bottom-width: 10px; top: -10px; }
#powerTip.w:before { border-left: 1px solid #2587C6; border-left-width: 10px; right: -10px; }
#powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0px; left: 10px; }
#powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0px; right: 10px; }
#powerTip.ne:before, #powerTip.nw:before { border-top: 1px solid #2587C6; border-top-width: 10px; bottom: -10px; }
#powerTip.se:before, #powerTip.sw:before { border-bottom: 1px solid #2587C6; border-bottom-width: 10px; top: -10px; }

/* ***** OpenLayers ********************************** */
.ol-zoom { top: 25px; right: 22px; left: auto; background: none; border-radius: 0px; }
.ol-zoom:hover { background: none; }
.ol-zoom button, .ol-zoom-extent button, .ol-full-screen button { display: block; background: #858585; border-radius: 0px; width: 25px; height: 25px; line-height: 25px; font-weight: normal; font-size: 1.5em; margin: 1px; padding: 0px; transition: all 0.25s ease-out; }
.ol-zoom button:hover,.ol-zoom button:focus,.ol-zoom-extent button:hover,.ol-zoom-extent button:focus,.ol-full-screen button:hover,.ol-full-screen button:focus  { background: #2587C6; }
.ol-zoom span { display:none !important; }
.ol-logo { display: none; }
.ol-scale-line { border-radius: 0px; top: 51px; bottom: auto; left: 63px; background: none; z-index: 101; }
.ol-scale-line-inner { border: 1px solid #555555; border-top: none; color: #555555; }
#mouse-position-container { position: absolute; left: 60px; top: 27px; z-index: 100; width: 130px; height: 25px; /*background: #777777; background: rgba(255,255,255,0.25);*/ }
#mouse-position { position: absolute; margin: 1px 5px 1px 5px; color: #252525; font-size: 80%; }

/* ***** jsTree ************************************** */
.jstree ul { margin: 0px; padding: 0px; }
.jstree-node, .jstree-children, .jstree-container-ul { display: block; margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; }
.jstree-node { white-space: nowrap; }
.jstree-anchor { display: inline-block; white-space: nowrap; padding: 0px 4px 0px 1px; margin: 0px; vertical-align: top; }
.jstree-anchor:focus { outline: 0px; }
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration: none; color: inherit; }
.jstree-icon { display: inline-block; text-decoration: none; margin: 0px; padding: 0px; vertical-align: top; text-align: center; }
.jstree-icon:empty { display: inline-block; text-decoration: none; margin: 0px; padding: 0px; vertical-align: top; text-align: center; }
.jstree-ocl { cursor: pointer; }
.jstree-leaf > .jstree-ocl { cursor: default; }
.jstree .jstree-open > .jstree-children { display: block; }
.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; }
.jstree-anchor > .jstree-themeicon { margin-right: 2px; }
.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display: none; }
.jstree-wholerow-ul { position: relative; display: inline-block; min-width: 100%; }
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; }
.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; }
.jstree-wholerow-ul .jstree-wholerow { width: 100%; cursor: pointer; position: absolute; left: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat: no-repeat; background-color: transparent; }
.jstree-default .jstree-anchor, .jstree-default .jstree-wholerow { transition: background-color 0.25s ease-out; }
.jstree-default .jstree-hovered { background: #FFFCCC; }
.jstree-default .jstree-clicked { background: #FFF777; }
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; }
.jstree-default .jstree-disabled { background: transparent; color: #AAAAAA; }
.jstree-default .jstree-disabled.jstree-hovered { background: transparent; }
.jstree-default .jstree-disabled.jstree-clicked { background: #FAFAFA; }
.jstree-default .jstree-disabled > .jstree-icon { opacity: 0.8; }
.jstree-default .jstree-node { min-height: 24px; min-width: 24px; line-height: 24px; margin-left: 24px; }
.jstree-default .jstree-anchor { line-height: 24px; height: 24px; }
.jstree-default .jstree-icon { width: 24px; height: 24px; line-height: 24px; }
.jstree-default .jstree-icon:empty { width: 24px; height: 24px; line-height: 24px; }
.jstree-default .jstree-wholerow { height: 24px; }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-image: url('../images/32px.png'); }
.jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; }
.jstree-default .jstree-last { background: transparent; }
.jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; }
.jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; }
.jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; }
.jstree-default .jstree-disabled { background: transparent; }
.jstree-default .jstree-disabled.jstree-hovered { background: transparent; }
.jstree-default .jstree-disabled.jstree-clicked { background: #FAFAFA; }
.jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; }
.jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; }
.jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0px 0px; }
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url('../images/ajax-loader-toolbar.gif') center center no-repeat; background-size: 16px; }
.jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0px; margin-right: 0px; }

/* ***** Legend catalog ****************************** */
.legend-catalog { width: auto; height: auto; display: inline-block; vertical-align: top; margin: 0px 55px 25px 0px; }
.legend-catalog:last-child { margin: 0px 0px 25px 0px; }
.legend-catalog:after { content: ''; clear: both; display: block; }
.legend-catalog div { position: relative; float: left; display: block; margin: 0px 15px 25px 0px; width: 32px; height: 16px; outline: 1px solid #FFFFFF; font-size: 70%; text-align: center; overflow: visible; line-height: 50px; cursor: pointer; box-sizing: border-box; transition: all 0.25s ease-out; }
.legend-catalog div:hover { outline: 1px solid #858585; }
.legend-catalog div:empty:hover { cursor: default; outline: 1px solid #FFFFFF; }
.legend-catalog-container.points .legend-catalog div:nth-child(5n+1) { clear: both; }
.legend-catalog-container.lines .legend-catalog div:nth-child(6n+1) { clear: both; }
.legend-catalog-container.polygons .legend-catalog div:nth-child(10n+1) { clear: both; }

/* ***** Login page elements ************************* */
.login-background { height: 300px; width: 100%; position: absolute; top: 50%; margin: -225px auto 0px auto; background: #0065A2; z-index: 1; }
.login-wrapper { height: 100%; width: 950px; position: relative; margin: 0px auto 0px auto; z-index: 2; }
.login-wrapper .logo { position: absolute; top: -100px; }
.login-box { position: relative; width: 940px; height: 100%; background: #FAFAFA; border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF;  }
.login-box .image { position: absolute; top: 0px; left: 0px; width: 300px; height: 300px; overflow: hidden; background: url('../images/login.jpg') no-repeat 0px 0px; z-index: 3; background-size: 300px; border-right: 5px solid #FFFFFF; }
.environment { position: absolute; top: -55px; right: 15px; font-size: 125%; }
.login-contents { position: absolute; top: 85px; left: 425px; }
.login-contents label { width: 130px; display: inline-block; position: relative; top: 4px; padding: 5px; text-align: right; }
.login-contents input { width: 180px; margin: 5px 0px 5px 10px; padding: 5px; -webkit-appearance: none; }
.login-button { float: right; margin: 5px 0px 0px 0px; width: 190px; }
.login-wrapper .error { background: #CC0000; color: #FFFFFF; font-size: 0.85em; position: absolute; right: 5px; top: 305px; width: 605px; padding: 15px; text-align: left; opacity: 0; }
.login-wrapper .error:after { font-family: 'EntypoRegular'; content: 'c'; font-size: 6em; position: absolute; left: 15px; top: 50%; margin-top: -3em; line-height: 6em; }
.login-wrapper .error p { margin-left: 50px; }
.login-wrapper .success { background: #00CC25; color: #FFFFFF; font-size: 0.85em; position: absolute; right: 5px; top: 305px; width: 605px; padding: 15px; text-align: left; opacity: 0; }
.login-wrapper .success:after { font-family: 'EntypoRegular'; content: '\0060'; font-size: 6em; position: absolute; left: 15px; top: 50%; margin-top: -3em; line-height: 6em; }
.login-wrapper .success p { margin-left: 50px; }
.reset-password { font-size: 40px; line-height: 40px; margin-left: 15px; position: absolute; color: #AAAAAA; }
.reset-password:hover { color: #2587C6; }
.reset-password span { display: block; }
#reset-password-trigger-tip {  max-width: 100px !important;}
.solitary-links { position: absolute; bottom: 25px; right: 25px; }
.solitary-links a { color: #858585; }
.solitary-links a:hover { color: #2587C6; }
.solitary-links .inline-icon-et { color: #858585; font-size: 130%; margin: 0px 10px 0px 10px; }
  @media screen and (max-height: 850px) {
    .login-background { margin: -195px auto 0px auto; } }
  @media screen and (max-height: 750px) {
    .login-background { margin: -175px auto 0px auto; } }
  @media screen and (max-height: 650px) {
    .login-background { margin: -155px auto 0px auto; } }
  @media screen and (max-height: 550px) {
    .login-background { margin: -135px auto 0px auto; } }
  @media screen and (max-width: 1050px) {
    .login-wrapper { width: 850px; }
    .login-box { width: 840px; }
    .login-contents { left: 375px; }
    .login-wrapper .error, .login-wrapper .success { width: 505px; } }
  @media screen and (max-width: 950px) {
    .login-wrapper { width: 750px; }
    .login-box { width: 740px; }
    .login-contents { left: 325px; }
    .login-wrapper .error, .login-wrapper .success { width: 405px; } }
  @media screen and (max-width: 850px) {
    .login-wrapper { width: 450px; }
    .login-box { width: 440px; }
    .login-contents { left: 25px; }
    .login-wrapper .error, .login-wrapper .success { width: 410px; }
    .login-box .image { display: none; } }

/* ***** Dashboard *********************************** */
.link-more { display: block; text-align: right; }
.link-more:hover { color: #2587C6; }
.link-more:before { font-family: 'ModernPictograms'; content: '\003E'; margin-right: 10px; position: relative; top: -1px;  }

/* ***** New plan ************************************ */
.conflict td { background: #FEDEDE !important; }
.conflict td label { top: 0px; }

/* ***** Plan lists ************************************ */
.listview-options { position: absolute; top: 0px; right: 5px; padding: 9px 10px 0px 10px; }
.listview-options span { font-size: 150%; }
.listview-options a { background: #EEEEEE; color: #999999; display: block; width: 17px; height: 17px; border-radius: 10px; line-height: 17px; text-align: center; margin-bottom: 10px; }
.listview-options a.only-list { text-indent: -1px; }
.listview-options a.only-map { font-size: 80%; text-indent: -1px; }
.listview-options a.list-and-map { margin-bottom: 9px; }
.listview-options a:hover { background: #2587C6; color: #FFFFFF; }
.listview-options a.active, .listview-options a.active:hover { background: #0065A2; color: #FFFFFF; }
.block-full .listview-options.step-aside { right: 17px; }
.listview-left { left: 18px; top: 15px; width: 50px; z-index: 2; }
.view-date { clear: both; margin-bottom: 5px; }
.view-date span {  width: 104px; }
.modification-date { clear: both; margin-bottom: 5px; }
.modification-date span { width: 104px; }
.modification-date .fix-width { width: 32px; padding-left: 5px; text-align: center; }
.overview-list tr td:last-child { white-space: nowrap; }
#plan-list-wrapper { clear: both; overflow: auto; border-top: 1px solid #DEDEDE; }

/* ***** Plan details ******************************** */
.preview-map { position: absolute; top: 0px; right: 0px; width: 40%; height: 630px; overflow: hidden; z-index: 900; }
.hide-map-overflow { position: absolute; width: 100%; height: 999px; overflow: hidden; background: #FFFFFF; z-index: 1000; }
#plan + .foldable .info-line { max-width: 55%; width: 55%; }
#plan + .foldable .info-line > span { width: 15%; }
#plan + .foldable .info-line > div { width: 75%; }
h2.status:after { content: ''; width: 55px; height: 100%; position: absolute; top: 0px; right: 0px; }
h2.status.active-version:after { content: 'W'; font-family: 'EntypoRegular'; font-size: 300%; line-height: 42px; color: #FFFFFF; text-align: center; }
h2.deleted span:not(.square) { text-decoration: line-through; }
h2.deleted:before { opacity: 0; }
h2.deleted + div, h2.permanently-deleted + div { display: none !important; }
.file-history { float: right; margin: 5px 5px 0px 0px; }
.file-history label { float: none; width: 115px; text-align: right; margin-right: 0px; }
.file-history span { margin-left: 10px; }
.file-pool { border: 1px solid #EDEDED; white-space: nowrap; padding: 0px 15px 15px 15px; clear: both; margin-top: 15px; }
.file-pool > div { display: inline-block; vertical-align: top; white-space: normal; min-height: 200px; }
.file-pool > div > div { max-height: 190px; overflow-y: auto; margin: 10px 0px 10px 0px; padding-right: 5px; }
.file-pool > div > div#destination { max-height: 255px; }
  @media screen and (min-height: 650px) { .file-pool > div > div#destination { max-height: 300px } }
  @media screen and (min-height: 750px) { .file-pool > div > div#destination { max-height: 400px } }
  @media screen and (min-height: 850px) { .file-pool > div > div#destination { max-height: 500px } }
  @media screen and (min-height: 950px) { .file-pool > div > div#destination { max-height: 600px } }
.file-pool > div > div.block-error { overflow-y: hidden; }
.file-pool-left { width: 48%; margin-right: 2%; }
.file-pool-right { width: 50%; }
.file-item { position: relative; background: #FAFAFA; margin-bottom: 5px; padding: 5px 5px 5px 15px; border: 1px solid #FFFFFF; transition: all 0.25s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-item:hover { border: 1px dashed #858585; background: #FFFCCC; cursor: move; }
.file-item-placeholder { background: #FFFFFF; margin-bottom: 5px; padding: 5px 5px 5px 15px; border: 1px dashed #DEDEDE; min-height: 25px; }
.file-item span.file-type { line-height: 35px; position: absolute; width: 40px; height: 100%; background: #AAAAAA; color: #FFFFFF; top: 0px; left: 0px; text-align: center; }
.file-item span.file-name { margin-left: 35px; }
.file-item.add-all-files { background: #39870C; color: #FFFFFF; border: 1px solid #39870C; }
.file-item.add-all-files:hover { background: #449D11; border: 1px solid #449D11; cursor: pointer; }
.item-new { background: #C3DBB6; border: 1px solid #DEDEDE; }
.item-new span.editable { margin-left: 185px; }
.file-pool-left input { display: none; }
.file-pool-left select, .file-pool-left .select2-container { display: none; }
.file-pool-left .file-item span.file-type { width: 170px; text-align: left; padding-left: 15px; }
.file-pool-left .file-item span.file-name { margin-left: 185px; }
.file-pool-right .item-new { background: #FAFAFA; border: 1px solid #FFFFFF; }
.file-pool-right .file-item span.file-type { background: #00CC25; width: 170px; text-align: left; padding-left: 15px; }
.file-pool-right .file-item input { margin-left: 185px; display: inline-block; width: 287px; }
.file-pool-right .file-item:before { font-family: 'EntypoRegular'; content: 'y'; font-size: 200%; line-height: 35px; position: absolute; width: 40px; height: 100%; background: #00CC25; color: #FFFFFF; top: 0px; left: 0px; text-align: center; }
.file-pool-right .file-item span.file-name { margin-left: 185px; }
.file-pool-right input[type="number"] { width: 40px; height: 24px; moz-box-sizing: border-box; }
.file-pool-right input:focus { background: #FFFFFF; }
.file-pool-right select, .file-pool-right .select2-container { display: inline-block; }
.file-pool-right .select2-container .select2-choice { height: 24px; line-height: 24px; }
.file-pool-right span.editable { display: none; }
.file-pool-right .file-item.error span.file-type, .file-pool-right .file-item.error:before { background: #CC0000; }
.single-tool .inline-icon-et { font-size: 200%; }
.file-item .single-tool { padding: 0px 5px 0px 5px; color: #0065A2; }
.file-item .single-tool:hover { color: #2587C6; }
.file-item .single-tool.waiting { background: url('../images/ajax-loader-toolbar.gif') no-repeat center center; background-size: 14px; }
.file-item .single-tool.waiting .inline-icon-et { opacity: 0; }
.file-item.disabled { color: #858585; }
.file-item.disabled span.file-type { background: #F5F5F5; color: #858585; }
.items-config { margin-top: 25px; white-space: nowrap; clear: both; }
.items-config-placeholder { float: left; background: #FFFFFF; margin: 0px; width: 150px; padding: 5px 5px 5px 15px; border: 1px dashed #DEDEDE; min-height: 25px; }
.items-instance { float: left; position: relative; width: 140px; background: #FAFAFA; margin: 1px 1px 5px 0px;  padding: 5px 7px 5px 18px; border: 1px solid #FFFFFF; transition: all 0.25s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.items-instance:not(.disabled):hover { border: 1px dashed #858585; background: #FFFCCC; cursor: move; }
.items-instance span.items-instance { line-height: 35px; position: absolute; width: 40px; height: 100%; background: #AAAAAA; color: #FFFFFF; top: 0px; left: 0px; text-align: center; }
.items-instance span.items-instance { margin-left: 35px; }
.items-instance.column-fixed:before { content: ''; height: 100%; width: 10px; position: absolute; top: 0px; left: 0px; background: #BFEAFD; }
.items-instance.column-attribute:before { content: ''; height: 100%; width: 10px; position: absolute; top: 0px; left: 0px; background: #BCF5A3; }
.items-instance.disabled { cursor: not-allowed; }
.items-instance.disabled.column-fixed:before { background: #ECF9FE; }
.items-instance.disabled.column-attribute:before { background: #EBFCE3; }
.items-pool { clear: both; padding: 10px 0px 10px 0px; margin: 0px; min-height: 38px; }
.items-pool.attributes { padding: 0px 0px 10px 0px; }
.items-pool .items-instance.disabled { color: #DDDDDD; background: #FAFAFA; }
.items-active { border-bottom: 1px solid #EDEDED; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; min-height: 38px; overflow: auto; }
.items-active .items-instance { background: #858585; border: 1px solid #858585; color: #FFFFFF; margin: 1px 1px 0px 0px; }
.items-active .items-instance:hover { background: #858585; border: 1px dashed #FFFFFF; color: #FFFFFF; }
.items-active .items-instance.color-painter { cursor: cell !important; }
.items-active .items-instance.color-painter:hover { background: #2587C6; }
.items-active .items-instance.color-painter.active:after { content: ''; position: absolute; top: 0px; right: 0px; border-style: solid; border-width: 0px 0px 36px 36px; border-color: transparent transparent #0065A2 transparent; }
.check-list { float: left; margin-bottom: 25px; }
.info-archived { margin: 0px 0px 15px 15px; color: #B272D0; font-style: normal; }
.info-archived:before { content: 't'; font-family: 'EntypoRegular'; font-size: 28px; line-height: 36px; margin-right: 5px; font-style: normal; }
.info-archived a { color: #B272D0; margin-left: 5px; }
.info-archived a .inline-icon-mp { margin-right: 5px; }
.info-archived a:hover { color: #C282E0; }
.conflict td { background: #FEDEDE !important; }
.conflict td label { top: 0px; }
.file-list-container { max-height: 450px; overflow-y: auto; border-bottom: 1px solid #EDEDED; }
.file-list-container table tr:hover td { cursor: default !important; }
.file-list-container table a { color: #0065A2; }
.file-list-container table a:not(.inline-icon-et):hover { color: #2587C6; text-decoration: underline !important; }
input.idn-version-prefix { width: 178px; margin-right: 7px; }
input.idn-version-number { width: 55px; }

/* ***** Detailed map ******************************** */
.element-list label { float: none; display: inline-block; }
.element-list input[type="checkbox"], .element-list input[type="radio"] { margin-right: 10px; }
.layer-name-container { width: 85%; display: inline-block; white-space; nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer-name-container label { width: 85%; white-space; nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer-name-container input + label { color: #AAAAAA; }
.layer-name-container input:checked + label { color: #252525; }
.transparency-container { width: 15%; font-family: 'ModernPictograms'; line-height: 0px; display: inline-block; position: absolute; right: 25px; margin: 8px 0px 0px 0px; }
.transparency { display: inline-block; }
.transparency .ui-widget-header { background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */ }
.transparency.ui-widget-content { border: 0px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider-horizontal { height: 5px; width: 100%; }
.ui-slider-horizontal .ui-slider-handle { position: absolute; z-index: 2; background: #FFFFFF; top: -6px; cursor: default; }
.ui-slider-horizontal .ui-slider-handle:after { font-family: 'ModernPictograms'; line-height: 1px; content: "E"; position: absolute; left: 2px; top: 3px; color: #858585; }
.ui-slider-horizontal .ui-slider-handle:hover:after { color: #252525; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { position: absolute; z-index: 1; display: block; top: 0px; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0px; }
.ui-slider-horizontal .ui-slider-range-max { right: 0px; }
#planmap_legend_filter_off { position: relative; height: 40px; }
#planmap_legend_filter_off div { width: auto; position: absolute; right: 7px; padding: 3px 15px 3px 15px; background: #0065A2; color: #FFFFFF; font-weight: normal; transition: all 0.25s ease-out; }
#planmap_legend_filter_off div:hover { background: #2587C6; }
#planmap_legend_filter_off div:before { font-family: 'FoundationIcons'; content: '\F14B'; margin-right: 10px; }
#planmap_legend_filter_off.inactive div { background: #F5F5F5; }
.map-legend { width: 100%; border-collapse: collapse; table-layout: fixed; overflow: hidden; margin: 5px 0px 10px 0px; }
.map-legend td { padding: 0px; white-space: nowrap; }
.map-legend tr td:first-child { background: #FFFFFF; width: 25px; }
.map-legend tr td:last-child { padding-right: 10px; width: 25px; text-align: right; }
.map-legend .legend-img { display: block; width: 25px; height: 17px; margin: 1px 0px 0px 5px; position: relative; top: -1px; box-sizing: border-box; }
.map-legend .legend-name { text-align: left; width: auto; top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.map-legend .legend-name.level-0 { font-weight: bold; width: 97%; margin-left: 10px; }
.map-legend .legend-name.level-1 { width: 95%; margin-left: 22px; }
.map-legend .legend-name.level-2 { width: 93%; margin-left: 33px; }
.map-legend .legend-name.level-3 { width: 91%; margin-left: 44px; }
.map-legend .legend-name.level-4 { width: 89%; margin-left: 55px; }
.map-legend .legend-name.level-5 { width: 87%; margin-left: 66px; }
.map-legend .legend-name.level-6 { width: 85%; margin-left: 77px; }
.map-legend .legend-name.level-7, .map-legend .legend-name.level-8, .map-legend .legend-name.level-9 { width: 75%; margin-left: 37px; }
.map-legend tr.inactive td { color: #AAAAAA; }
.map-legend tr.inactive td .legend-img { opacity: 0.1; }
.map-legend tr:hover td { background: #FFFCCC; cursor: pointer; }
.map-legend tr.active  { color: #0065A2; }
.map-report { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 5px 0px 10px 0px; }
.map-report td { white-space: nowrap; }
.map-report td.label-group { padding-left: 10px; font-weight: bold; }
.map-report td:first-child { width: 95%; padding-left: 15px; display: inline-block; white-space; nowrap; overflow: hidden; text-overflow: ellipsis; }
.map-report tr td:last-child { width: 15%; padding-right: 10px; text-align: right; }
.map-report td.label-level-0, .map-report td.label-level-0 + td { font-weight: bold; }
.map-report td.label-level-1 { padding-left: 40px; }
.info-table { width: 100%; max-width: 100%; }
.info-table td { padding-left: 15px; padding-right: 10px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; }
.info-table td:first-child { text-align: left; max-width: 160px; white-space: nowrap; }
.info-table td.sub-feature { padding-right: 0px; }
.info-table tr:nth-child(even) { background: #F8F8F8 }
.info-table a:hover { text-decoration: underline; }
.file-exists:before, .exists:before { display: inline-block; content: ''; background: #00CC25; width: 13px; height: 13px; border-radius: 10px; margin: 1px 7px 0px 0px; }
.file-not-exists:before, .not-exists:before { display: inline-block; content: ''; background: #CC0000; width: 13px; height: 13px; border-radius: 10px; margin: 1px 7px 0px 0px; }

/* ***** Manifest ************************************ */
.popup #manifest-list { margin-bottom: 15px; }
table tr:hover td.no-click-plan { cursor: not-allowed !important; }
.current-plan { font-weight: bold; }

/* ***** Notifications ******************************* */
.notification-alarm { color: #CC0000; }
.notification-secondary { color: #CCCCCC; }
.notification-archived { color: #B272D0; }
.notification-deleted span:not(.inline-icon-et) { text-decoration: line-through; }
.notification-permanently-deleted span:not(.inline-icon-et) { text-decoration: line-through; color: #AAAAAA !important; }
.notification-permanently-deleted td { background: repeating-linear-gradient(0deg, #F0F0F0 0px, #F0F0F0 3px, #FAFAFA 3px, #FAFAFA 6px) !important; }
.send-normal { font-size: 210%; margin: 0px 0px 0px 7px; }
.send-cc { font-size: 210%; margin: 0px 0px 0px 7px; }
.send-error { font-size: 210%; color: #CC0000; margin: 0px 0px 0px 7px; }

/* ***** Configuration workflows ********************* */
.table-workflows-container { width: 100%; position: relative; overflow-x: hidden; }
.table-workflows { border: 1px solid #F0F0F0; border-collapse: collapse; width: 100%; margin-bottom: 70px; }
.table-workflows th, .table-workflows td { padding: 5px 15px 5px 15px; position; relative; }
.table-workflows .edit-icons { font-size: 150%; float: right; cursor: pointer; }
.table-workflows .edit-icons span { margin-left: 5px; }
.table-workflows thead tr { background: #858585; color: #FFFFFF; }
.table-workflows thead th.ff-fix { border-bottom: 1px solid #FFFFFF; }
.table-workflows th .inline-icon-et { color: transparent; transition: all 0.25s ease-out; }
.table-workflows th:hover .inline-icon-et { color: #DDDDDD; }
.table-workflows th:hover .inline-icon-et:hover { color: #FFFFFF; }
.table-workflows .workflow-remove { position: absolute; right: 1px; top: -12px; font-size: 180%; color: transparent; transition: all 0.25s ease-out; }
.table-workflows tbody td:not(:first-child) { border: 1px solid #F0F0F0; box-sizing: border-box; transition: background 0.25s ease-out; }
.table-workflows tbody td:not(:first-child):not(.cell-relation):hover { background: #FFFCCC; }
.table-workflows tbody td:not(:first-child):hover { border: 1px double #CCCCCC; cursor: cell; }
.table-workflows tbody td:not(:first-child):hover .workflow-remove { color: #858585; }
.table-workflows tbody td:not(:first-child):hover .workflow-remove:hover { color: #FFFFFF; cursor: pointer; }
.table-workflows tbody td:not(:first-child):not(.cell-relation):hover:after { font-family: 'EntypoRegular'; font-size: 26px; content: 'Z'; color: #858585; position: absolute; line-height: 0px; box-sizing: border-box; }
.table-workflows tbody td { position: static; }
.table-workflows tbody td > div { position: relative; }
.table-workflows tbody td.cell-relation:hover { opacity: 0.85; }
.table-workflows td:first-child .inline-icon-et { color: transparent; transition: all 0.25s ease-out; }
.table-workflows td:first-child:hover .inline-icon-et { color: #858585; }
.table-workflows td:first-child:hover .inline-icon-et:hover { color: #000000; }
.workflow-timespan { float: right; margin: 0px 0px 5px 0px; }
.workflow-timespan label { width: 97px; }
.workflow-pool { border: 1px solid #EDEDED; white-space: nowrap; padding: 0px 15px 15px 15px; clear: both; }
.workflow-pool > div { display: inline-block; vertical-align: top; white-space: normal; min-height: 200px; }
.workflow-pool > div > div { max-height: 190px; overflow-x: hidden; overflow-y: auto; margin: 10px 0px 10px 0px; padding-right: 5px; }
.workflow-pool > div > div.noscroll { max-height: 300px; overflow-y: visible; }
.workflow-pool > div > div.block-error { overflow-y: hidden; }
.workflow-pool-left { width: 32%; margin-right: 2%; }
.workflow-pool-center { width: 32%; }
.workflow-pool-right { width: 32%; margin-left: 2%; }
.workflow-item, .workflow-attribute { position: relative; background: #FAFAFA; margin-bottom: 5px; padding: 5px 5px 5px 15px; border: 1px solid #FFFFFF; transition: all 0.25s ease-out; white-space: nowrap; }
.workflow-item span:not(.required), .workflow-attribute span { white-space: normal; }
.workflow-item:hover, .workflow-attribute:hover { border: 1px dashed #858585; background: #FFFCCC; cursor: move; }
.workflow-item-placeholder { background: #FFFFFF; margin-bottom: 5px; padding: 5px 5px 5px 15px; border: 1px dashed #DEDEDE; min-height: 25px; }
.workflow-item.item-new, .workflow-attribute.item-new { background: #C3DBB6; border: 1px solid #DEDEDE; }
.workflow-item.item-new:hover, .workflow-attribute.item-new:hover { border: 1px dashed #DEDEDE; background: #FFFCCC; cursor: move; }
.workflow-item.item-new span.editable, .workflow-attribute.item-new span.editable { margin-left: 0px; }
.workflow-pool-center .workflow-item { padding-left: 50px; }
.workflow-pool-center .workflow-item:before { font-family: 'EntypoRegular'; line-height: 35px; content: 'W'; font-size: 200%; position: absolute; width: 35px; height: 100%; background: #00CC25; color: #FFFFFF; top: 0px; left: 0px; text-align: center; }
.workflow-pool-center .workflow-item input.flex-step-text { width: calc(100% - 115px); max-width: 450px; }
.workflow-pool-center .workflow-attribute { padding-left: 40px; }
.workflow-pool-center .workflow-attribute:before { font-family: 'EntypoRegular'; line-height: 35px; content: 'C'; font-size: 200%; position: absolute; width: 35px; height: 100%; background: #00CC25; color: #FFFFFF; top: 0px; left: 0px; text-align: center; }
.workflow-pool-center .workflow-attribute input { width: calc(100% - 115px); }
.workflow-pool-center .item-new { background: #FAFAFA; border: 1px solid #FFFFFF; }
.workflow-pool-left input, .workflow-pool-right input { display: none; }
.workflow-pool-center .workflow-item input { display: inline-block; width: 237px; }
.workflow-pool-center .workflow-item input.flex-step-text { min-width: 220px; max-width: 237px; width: auto; }
.workflow-pool-center .workflow-attribute input { display: inline-block; width: 237px; }
.workflow-pool-center input[type="number"] { width: 40px; height: 24px; moz-box-sizing: border-box; }
.workflow-pool-center input:focus { background: #FFFFFF; }
.workflow-pool-left select, .workflow-pool-right select, .workflow-pool-left .select2-container, .workflow-pool-right .select2-container { display: none; }
.workflow-pool-center select, .workflow-pool-center .select2-container { display: inline-block; }
.workflow-pool-center .select2-container .select2-choice { height: 24px; line-height: 24px; }
.workflow-pool-left span.required { display: none; }
.workflow-pool-center span.editable { display: none; }
.workflow-pool-center span.required { cursor: pointer; }
.workflow-pool-center span.required:after { display: inline-block; margin-right: 10px; color: #CCCCCC; transition: all 0.25s ease-out; }
.workflow-pool-center span.required:hover:after { color: #DD0000; }
.workflow-pool-center span.required.active:after { color: #CC0000; }
#attribute-destination { min-height: 180px; }
#new-attribute-destination { padding: 0px 0px 15px 0px; }

/* ***** Configuration map layers ******************** */
.small-map { width: 100%; width: 438px; height: 250px; position: relative; border: 1px solid #DEDEDE; margin: 15px 0px 15px 0px; }
.small-map.no-map:after { font-family: 'EntypoRegular'; content: '1'; font-size: 150px; position: absolute; left: 50%; top: 50%; line-height: 150px; margin: -75px 0px 0px -45px; color: #DEDEDE; }
.big-block .edit-icons { position: absolute; right: 18px; top: 15px; }
.big-block .edit-icons span { font-size: 200%; line-height: 0px; margin-left: 7px; opacity: 0.1; cursor: pointer; transition: all 0.25s ease-out; }
.big-block .edit-icons span:hover { color: #2587C6; opacity: 1.0; }
.big-block .edit-icons span.warning:hover { color: #CC0000; }
.big-block-placeholder { border: 1px dashed #DEDEDE; min-height: 133px; margin-bottom: 7px; }

/* ***** Configuration classifications *************** */
.classifications { border: 1px solid #EDEDED; padding: 15px; }
.classifications:after { content: ''; clear: both; display: block; }
.classification-item-details { float: right; }
.classification-item-details .form-line { white-space: nowrap; }
.classifications > div { width: calc(50% - 30px); float: left; }

/* ***** Preferences ********************************* */
.color-bucket { font-size: 150%; cursor: pointer; }
.color-bucket:hover { color: #2587C6; }
.color-bucket.active { color: #0065A2; }
#color-cursor { position: fixed; z-index: 8000; font-size: 150%; color: #0065A2; }
#color-cursor.hidden-text { display: none; }
h2 .listview-type { background: #FFFFFF; color: #858585; display: inline-block; width: 17px; height: 17px; border-radius: 10px; line-height: 17px; text-align: center; font-size: 150%; position: absolute; margin: 1px 0px 0px 15px; }
h2 .listview-type.list-and-map { text-indent: -1px; }
.listview-config .listview-type { background: #EEEEEE; color: #999999; display: inline-block; width: 17px; height: 17px; border-radius: 10px; line-height: 17px; text-align: center; position: relative; top: -1px; margin: 0px 10px 0px -22px; }
.listview-config .listview-type:hover { background: #2587C6; color: #FFFFFF; }
.listview-config .listview-type.list-and-map { text-indent: -1px; font-size: 150%; }
.listview-config .listview-type.only-list { font-size: 150%; text-indent: -1px; }
.listview-config .listview-type.only-map { font-size: 110%; text-indent: -1px; }
input:checked + .listview-type { background: #0065A2; color: #FFFFFF; }
#save-start-page { font-size: 32px; line-height: 0px; margin-left: 15px; position: relative; top: 3px; cursor: pointer; }
.selected-start-page { color: #FFF777; }
input.sort-asc, input.sort-dsc { position: relative; }
input.sort-asc:before, input.sort-dsc:before { font-family: 'ModernPictograms'; font-size: 200%; background: #FFFFFF; color: #CCCCCC; width: 18px; height: 18px; line-height: 0px; position: absolute; left: 0px; top: -3px; transition: all 0.25s ease-out; }
input.sort-asc:checked:before, input.sort-dsc:checked:before { color: #0065A2; }
input.sort-asc:before { content: '-'; }
input.sort-dsc:before { content: '/'; }
#new-password-strength { display: inline-block; margin-left: 5px; }
#new-password-strength span:before { display: inline-block; content: ''; background: #00CC25; width: 13px; height: 13px; border-radius: 10px; margin: 1px 7px 0px 0px; }
.login-contents > div { position: relative; }
.login-contents #new-password-strength { position: absolute; right: -115px; top: 10px; width: 100px; overflow: visible; }
span#password-veryweak:before, span#password-weak:before { background: #CC0000; }
span#password-moderate:before { background: #FFAA00; }
span#password-high:before, span#password-veryhigh:before { background: #00CC25; }

/* ***** Trash *************************************** */
.plan-not-deleted .inline-icon-et, .planversion-not-deleted  .inline-icon-et { visibility: hidden; }

/* ***** Webkit browser progress bar ***************** */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); background: #FAFAFA; }
::-webkit-scrollbar-thumb { background: #CCCCCC; }

/* ***** Overrides for RoTotaalAdmin ***************** */
.admin .login-background { background: #555555; }
.admin .login-box .image { background: url('../images/admin.jpg') no-repeat 0px 0px; background-size: 300px; }
.admin .menu { background: #555555; }
.admin .bottom { background: #555555; }

/* ***** Colour overrides for OTAP ******************* */
body.testomgeving .bottom, body.testomgeving .login-background { background: #FFAA00; }
body.acceptatieomgeving .bottom, body.acceptatieomgeving .login-background { background: #00CC25; }