/* ################################################################################################### # # Dolphiq CSS file # last modified: May 29 2020 12:07:11. # created by Dolphiq New Media # for more information: info@dolphiq.nl # # ################################################################################################### */ /*! * jQuery UI CSS Framework 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Dialog 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI CSS Framework 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=tahoma%2C%20verdana%2C%20arial&fwDefault=normal&fsDefault=12px&cornerRadius=5px&bgColorHeader=%23527e9b&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=30&borderColorHeader=%23527e9b&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23666666&iconColorDefault=%23666666&bgColorHover=%23527e9b&bgTextureHover=05_inset_soft.png&bgImgOpacityHover=40&borderColorHover=%23527e9b&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=50&bgColorShadow=%23aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=4&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: tahoma, verdana, arial; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: tahoma, verdana, arial; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #527e9b; background: #527e9b url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_highlight-soft_30_527e9b_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #666666; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #666666; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #527e9b; background: #527e9b url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_inset-soft_40_527e9b_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-position: 16px 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_666666_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 5px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #000000 url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x; opacity: .5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 4; background: #aaaaaa url(https://crmstaging.marosel.nl/base_public/cdn/jquery/ui/themes/dnm-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } /*! * jQuery UI Button 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Datepicker 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /*! * jQuery UI Autocomplete 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Menu 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } /*! * jQuery UI Tooltip 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI Slider 1.10.0 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; } .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }/* Version: @@ver@@ Timestamp: @@timestamp@@ */ .select2-container { position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: top; } .select2-container, .select2-drop, .select2-search, .select2-search input{ /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -khtml-box-sizing: border-box; /* konqueror */ -moz-box-sizing: border-box; /* firefox */ -ms-box-sizing: border-box; /* ie */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%); background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%); } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%); background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%); } .select2-container .select2-choice span { margin-right: 26px; 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: 26px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') right top no-repeat; cursor: pointer; outline: 0; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { position: absolute; left: 0; top: 0; z-index: 999998; opacity: 0; } .select2-drop { width: 100%; margin-top:-1px; position: absolute; z-index: 999999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .select2-container .select2-choice div { display: block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); } .select2-container .select2-choice div b { display: block; width: 100%; height: 100%; background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 1000000; white-space: nowrap; } .select2-search-hidden { display: block; position: absolute; left: -10000px; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px; background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%; background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%); background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%); } .select2-dropdown-open .select2-choice div { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice div b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); } .select2-results ul.select2-result-sub { margin: 0; } .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 li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; 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: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: white; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice div { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%); background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2-spinner.gif') no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05); -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; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0 ); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); } .select2-container-multi .select2-choices .select2-search-choice span { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2.png') right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices{ background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen { position: absolute; left: -10000px; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { background-image: url('https://crmstaging.marosel.nl/base_public/cdn/img/jquery-select2/select2x2.png') !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /******************************************************************************* * Tree container */ ul.dynatree-container { /* font-family: tahoma, arial, helvetica;*/ /* font-size: 10pt; */ /* font size should not be too big */ white-space: nowrap; padding: 0px; margin: 0; /* issue 201 */ margin-left:-16px; /* background-color: white;*/ /* border: 1px dotted gray; */ overflow: auto; height: 100%; /* issue 263 */ position:relative; } /*ul.dynatree-container ul { padding: 0 0 0 16px; margin: 0; }*/ ul.dynatree-container li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip:border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0 0; background-repeat: repeat-y; background-image: none; /* no v-lines */ position:relative; margin:0; z-index:1; border-top:1px dotted rgba(255,255,255,0.15);border-bottom:1px dotted rgba(0,0,0,0.3);} ul.dynatree-container > li:first-child {border-top:none;} ul.dynatree-container li:last-child {border-bottom:none;} ul.dynatree-container li > span {height:20px;padding:2px 0 1px 0;} ul.dynatree-container ul {margin:0;} ul.dynatree-container ul li > span {padding-left:20px;background-position:29px center !important;} ul.dynatree-container ul ul li > span {padding-left:40px;background-position:53px center !important;} ul.dynatree-container ul ul ul li > span {padding-left:60px;background-position:77px center !important;} ul.dynatree-container ul ul ul ul li > span {padding-left:80px;background-position:101px center !important;} ul.dynatree-container li > span.dynatree-active,ul.dynatree-container li > span:hover {background-color:rgba(255,255,255,0.1);color:white;} ul.dynatree-container [data-actions] { width:16px;height:16px;display:block;position:absolute;right:5px;top:50%;margin:0;padding:0 !important;margin-top:-8px;border:none;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/pencil.png) top left;opacity:0.5;z-index:99;display:none;} ul.dynatree-container li span:hover > [data-actions] {display:block;} ul.dynatree-container [data-actions]:hover {opacity:1} /* Suppress lines for last child node */ ul.dynatree-container li.dynatree-lastsib { background-image: none; } /* Suppress lines if level is fixed expanded (option minExpandLevel) */ ul.dynatree-no-connector > li { background-image: none; } /* Style, when control is disabled */ .ui-dynatree-disabled ul.dynatree-container { opacity: 0.5; /* filter: alpha(opacity=50); /* Yields a css warning */ background-color: silver; } span.dynatree-node { display:block; } /******************************************************************************* * Common icon definitions */ span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; /* display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* Required to make a span sizeable */ vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url("https://crmstaging.marosel.nl/base_public/cdnjquery-dynatree/skin-grey/icons.gif"); background-position: 0 0; } /** Used by 'icon' node option: */ ul.dynatree-container img { width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; } /******************************************************************************* * Lines and connectors */ /* span.dynatree-empty { } span.dynatree-vline { } */ span.dynatree-connector { background-image: none; } /* .dynatree-lastsib span.dynatree-connector { } */ /******************************************************************************* * Expander icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-exp- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling */ span.dynatree-expander { background-position: 0px -80px; cursor: pointer; } span.dynatree-expander:hover { background-position: -16px -80px; } .dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */ { } .dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */ { } .dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */ { } .dynatree-exp-e span.dynatree-expander, /* Expanded, not delayed, not last sibling */ .dynatree-exp-ed span.dynatree-expander, /* Expanded, delayed, not last sibling */ .dynatree-exp-el span.dynatree-expander, /* Expanded, not delayed, last sibling */ .dynatree-exp-edl span.dynatree-expander /* Expanded, delayed, last sibling */ { background-position: -32px -80px; } .dynatree-exp-e span.dynatree-expander:hover, /* Expanded, not delayed, not last sibling */ .dynatree-exp-ed span.dynatree-expander:hover, /* Expanded, delayed, not last sibling */ .dynatree-exp-el span.dynatree-expander:hover, /* Expanded, not delayed, last sibling */ .dynatree-exp-edl span.dynatree-expander:hover /* Expanded, delayed, last sibling */ { background-position: -48px -80px; } .dynatree-loading span.dynatree-expander /* 'Loading' status overrides all others */ { background-position: 0 0; background-image: url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/arrow_refresh.png); } /******************************************************************************* * Checkbox icon */ span.dynatree-checkbox { margin-left: 3px; background-position: 0px -32px; } span.dynatree-checkbox:hover { background-position: -16px -32px; } .dynatree-partsel span.dynatree-checkbox { background-position: -64px -32px; } .dynatree-partsel span.dynatree-checkbox:hover { background-position: -80px -32px; } .dynatree-selected span.dynatree-checkbox { background-position: -32px -32px; } .dynatree-selected span.dynatree-checkbox:hover { background-position: -48px -32px; } /******************************************************************************* * Radiobutton icon * This is a customization, that may be activated by overriding the 'checkbox' * class name as 'dynatree-radio' in the tree options. */ span.dynatree-radio { margin-left: 3px; background-position: 0px -48px; } span.dynatree-radio:hover { background-position: -16px -48px; } .dynatree-partsel span.dynatree-radio { background-position: -64px -48px; } .dynatree-partsel span.dynatree-radio:hover { background-position: -80px -48px; } .dynatree-selected span.dynatree-radio { background-position: -32px -48px; } .dynatree-selected span.dynatree-radio:hover { background-position: -48px -48px; } /******************************************************************************* * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder */ span.dynatree-icon /* Default icon */ { margin-left: 3px; background-position: 0px 0px; } .dynatree-has-children span.dynatree-icon /* Default icon */ { /* background-position: 0px -16px; */ } .dynatree-ico-cf span.dynatree-icon /* Collapsed Folder */ { background-position: 0px -16px; } .dynatree-ico-ef span.dynatree-icon /* Expanded Folder */ { background-position: -64px -16px; } /* Status node icons */ .dynatree-statusnode-wait span.dynatree-icon { background-position: 0 0; background-image: url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/arrow_refresh.png); } .dynatree-statusnode-error span.dynatree-icon { background-position: 0px -112px; /* background-image: url("https://crmstaging.marosel.nl/base_public/cdnjquery-dynatree/skin-grey/ltError.gif");*/ } /******************************************************************************* * Node titles */ /* @Chrome: otherwise hit area of node titles is broken (issue 133) Removed again for issue 165; (133 couldn't be reproduced) */ span.dynatree-node { /* display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */ /* -moz-box-align: start; /* issue 221 */ /* display: inline-block; /* Required to make a span sizeable */ } /* Remove blue color and underline from title links */ ul.dynatree-container li > span > a /*, ul.dynatree-container a:visited*/ { /*color: black; /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; /* outline: 0; /* @ Firefox, prevent dotted border after click */ /* Set transparent border to prevent jumping when active node gets a border (we can do this, because this theme doesn't use vertical lines) */ border: 1px solid transparent; /* Note: 'transparent' would not work in IE6 */ } ul.dynatree-container li span > a:hover { /* text-decoration: underline; */ /*background: #F2F7FD; border-color: #B8D6FB; */ } span.dynatree-node > a { display: inline-block; /* Better alignment, when title contains
*/ /* vertical-align: top;*/ padding-left: 3px; padding-right: 3px; /* Otherwise italic font will be outside bounds */ /* line-height: 16px; /* should be the same as img height, in case 16 px */ } span.dynatree-folder a { /* font-weight: bold; */ /* custom */ } ul.dynatree-container a:focus, span.dynatree-focused a:link /* @IE */ { /*background-color: #EFEBDE;*/ /* gray */ } span.dynatree-has-children a { /* font-style: oblique; /* custom: */ } span.dynatree-expanded a { } span.dynatree-selected a { /* color: green; */ font-style: italic; } span.dynatree-active a { /*border: 1px solid #99DEFD; background-color: #D8F0FA;*/ } /******************************************************************************* * Drag'n'drop support */ /*** Helper object ************************************************************/ div.dynatree-drag-helper { } div.dynatree-drag-helper a { border: 1px solid gray; background-color: white; padding-left: 5px; padding-right: 5px; opacity: 0.8; } span.dynatree-drag-helper-img { /* position: relative; left: -16px; */ } div.dynatree-drag-helper /*.dynatree-drop-accept*/ { /* border-color: green; background-color: red;*/ } div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px; } div.dynatree-drag-helper.dynatree-drop-reject { border-color: red; } div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px; } /*** Drop marker icon *********************************************************/ #dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0; } #dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width:64px; background-position: 0 -144px; } #dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px; } #dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px; } /*** Source node while dragging ***********************************************/ span.dynatree-drag-source { /* border: 1px dotted gray; */ background-color: #e0e0e0; } span.dynatree-drag-source a { color: gray; } /*** Target node while dragging cursor is over it *****************************/ span.dynatree-drop-target { /*border: 1px solid gray;*/ } span.dynatree-drop-target a { } span.dynatree-drop-target.dynatree-drop-accept a { /*border: 1px solid green;*/ background-color: #3169C6 !important; color: white !important; /* @ IE6 */ text-decoration: none; } span.dynatree-drop-target.dynatree-drop-reject { /*border: 1px solid red;*/ } span.dynatree-drop-target.dynatree-drop-after a { } /* Generic context menu styles */ .contextMenu { position: absolute; width: 120px; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none; } .contextMenu LI { list-style: none; padding: 0px; margin: 0px; } .contextMenu A { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; } .contextMenu LI.hover A { color: #FFF; background-color: #3399FF; } .contextMenu LI.disabled A { color: #AAA; cursor: default; } .contextMenu LI.hover.disabled A { background-color: transparent; } .contextMenu LI.separator { border-top: solid 1px #CCC; } /* Adding Icons You can add icons to the context menu by adding classes to the respective LI element(s) */ .contextMenu LI.edit A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/page_white_edit.png); } .contextMenu LI.cut A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/cut.png); } .contextMenu LI.copy A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/page_white_copy.png); } .contextMenu LI.paste A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/page_white_paste.png); } .contextMenu LI.delete A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/page_white_delete.png); } .contextMenu LI.quit A { background-image: url(https://crmstaging.marosel.nl/base_public/cdnjquery-contextMenu/images/door.png); } /* #################################################################################################### # # DOLPHIQ GENERAL STYLING # #################################################################################################### */ /* #################################################################################################### # # PADDING # #################################################################################################### */ /* .padd5 { padding:5px; } .padd10 { padding:10px; } .padd15 { padding:15px; } .padd20 { padding:20px; } .pt0 { padding-top:0px; padding-bottom:0px; } */ /* #################################################################################################### # # ALIGNING AND POSITIONING # #################################################################################################### */ .ac{text-align:center} .al{text-align:left} .ar{text-align:right} /* #################################################################################################### # # SOME GENERAL RESETS # #################################################################################################### */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, cite, img, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td, dd, dt { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; } p {margin-bottom:1em;}/** * OverWrite jquery ui * @type Autocomplete */ .ui-autocomplete {z-index:999999 !important;} .ui-autocomplete.ui-corner-all, .ui-autocomplete .ui-corner-all {border-radius: 0;} .ui-autocomplete-category {text-align:right;position:absolute;right:10px;top:5px;z-index:2;} .ui-autocomplete .ui-menu-item {position:relative;z-index:1;} .ui-autocomplete .ui-menu-item a {vertical-align: middle;} .ui-autocomplete .ui-menu-item a img {vertical-align: bottom;margin-right:8px;} .ui-autocomplete.mainsearch, .ui-autocomplete.combobox {overflow-y: auto;overflow-x: hidden;} .ui-autocomplete.mainsearch { max-height:400px; } .ui-autocomplete.combobox {max-height:200px;} /* ################################################################################################### # # GENERAL CMS STYLING AND RESETS # ################################################################################################### */ * {outline:none;zoom:1;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;} html {overflow-y: hidden;overflow-x:hidden} body,html {height:100%;cursor:default;margin:0;padding:0;} body {font:11px tahoma, verdana, arial;line-height:1.4em;color:#e5e5e4;min-width:975px;background:#4d4e4e url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-body.png) left 135px repeat-x;background-attachment:fixed;margin:0;overflow:hidden;min-height:100%;} /* ################################################################################################### # # POSITIONING OF CONTAINERS AND FOOTERS ETC... # ################################################################################################### */ #wrapper_container {min-height:100%;} header {z-index:99999;position:fixed;width:100%;min-width:975px;} header:after {content:'';background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-shade-content.png) top repeat-x;width:100%;height:5px;position:absolute;bottom:-5px} footer {width:100%;height:50px;position:fixed;bottom:0;background:#676767 url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-footer.png) top repeat-x;font-size:11px;line-height:50px;overflow:hidden;z-index:99999;color:#cccbcb;text-shadow:0 -1px 0 rgba(0,0,0,0.6);min-width:975px;} footer a {color:#cccbcb;} footer div {display:inline-block;padding:0 20px;} footer div:first-child {padding-right:300px;width:100%;max-width:1900px;} footer div:last-child {width:300px;margin-left:-300px;text-align:right;} footer ul {display:inline;} footer li {display:inline;margin:0;padding:0;} footer li a {padding:0 !important;width:16px;text-indent:-999em;margin-left:5px;} /* PLEASE CREATE DEFAULT PAGE CONTAINERS */ /* TOP CONTAINER */ #container_top {height:35px;line-height:35px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-top.png);text-shadow:0 1px 0 white;color:#676767;font-size:11px;} #container_top a {color:#444;} #container_top > div {max-width:1900px;padding:0 20px;margin:0 } #container_top .cl > ul {float:right;margin:0;padding:0;} #container_top .cl > ul:first-child {float:left;} #container_top .cl > ul > li {display:inline-block;height:24px;line-height:24px;margin-right:20px;z-index:999} #container_top .cl > ul > li:last-child {margin:0;} #container_top a {font-weight:bold;display:inline-block;text-decoration:none;} #container_top > div {text-align:center} /* BANNER CONTAINER */ #container_banner {height:50px;line-height:50px;background:#527E9B url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-top-banner.png);text-shadow:0 -1px 0 black;color:#676767;z-index:990} #container_banner > div {max-width:1900px;padding:0 20px;} #container_banner .cl > div + div {float:right;} #logo {width:60px;height:39px;background:url(grey/img/cms_logo.png);display:inline-block;vertical-align:middle;margin-right:20px;} #container_banner h2 {color:white;font-size:20px;display:inline-block;padding-bottom:20px;overflow:visible;} #container_banner h2 span {position:absolute;bottom:0;left:0;font-size:12px;color:#E5E5E4} /* CRUMB CONTAINER */ #container_crumbs {height:50px;line-height:50px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-crumbs.png);text-shadow:0 1px 0 black;color:#b3b2b3;} #container_crumbs > div {max-width:1900px;padding:0;} #container_crumbs [data-no-breadcrumb]{ display: none; } /* CONTENT CONTAINER */ #container_content {right:0;overflow:hidden;position:fixed;bottom:0;top:0;left:0;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-wrapper.png) left repeat-y, url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-shade-content-main.png) 330px top no-repeat;background-attachment:fixed;margin-top:135px; margin-bottom:50px;} /* * EDIT VAN VINCENT * ADD MARGIN-Top 185px; Margin-bottom: 20px; * Padding-top:20px; IPV 205px * padding-bottom: 20px; IPV 70px */ [data-master-container] {padding:20px 20px 20px 350px;max-width:1900px;min-width:975px;} [data-master-container] > .cols > .cl {margin:20px -10px} aside {position:fixed;width:330px;color:#e5e5e4;text-shadow:0 1px 0 black;overflow-y:auto;bottom:50px;top:135px;left:0;-webkit-overflow-scrolling: touch;padding:20px;z-index:99999} aside h1, aside h2, aside h3, aside h4 {color:#f2f2f2;} aside a {color:#cccbcb;} aside a:hover {color:white;} aside:after {} /* END PLEASE CREATE DEFAULT PAGE CONTAINERS */ /* PLEASE CREATE DEFAULT PAGE INFORMATION CONTAINERS */ /* ################################################################################################### # # IMAGE CONTAINERS # ################################################################################################### */ .image-container {background:url(https://crmstaging.marosel.nl/base_public/cdn/grey/bg-transparent.png) top left;border:1px solid #AAAAAA;float:left;position:relative;min-width:32px;min-height:75px;margin: 0 5px;} .image-container div.ajax-loader {background:url(https://crmstaging.marosel.nl/base_public/cdn/grey/ajax-loader-32.gif) center center no-repeat;width:75px;height:75px;} .image-container [data-icon] {width:20px; height:20px;position:absolute;bottom:2px;right:2px;display:inline-block;margin:0;background-color:white;background-color:rgba(255,255,255,.7);border:1px solid #AAAAAA;padding:3px;background-position:center center;} .image-container a img {display:block;} .image_placeholder { background:blue;border:1px solid red;min-height:75px; } /* ################################################################################################### # # PANELS # ################################################################################################### */ .panel {margin:20px 0;padding:0 !important;border-radius:5px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-panel-black.png);border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.3);} .panel a {color:#e5e5e4} .panel > div {padding:20px;} .panel[data-col='white'] {background:white;border-top:none;} .panel[data-col='white']:before {content:'';background:#888;display:block;position:absolute;bottom:-5px;left:-5px;top:-5px;right:-5px;z-index:-10;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.3);} .panel[data-col='white'] {color:#676767;text-shadow:none;} .panel[data-col='white'] h1, .panel[data-col='white'] h2, .panel[data-col='white'] h3, .panel[data-col='white'] h4, .panel[data-col='white'] a {color:#527E9B;} .panel[data-col='white'] h2 span {display:inline-block;position:absolute;right:0} .panel[data-tabs] {margin-top:50px;} .panel[data-tabs]:before {border-top:none;} /* ################################################################################################### # # TABS WITHIN PANELS # ################################################################################################### */ .panel_tabs {margin:0;list-style:none;position:absolute;top:-30px;height:30px;left:0;padding:0 20px;} .panel_tabs li {display:inline-block;height:30px;line-height:30px;margin-right:15px;padding:0 20px;background:rgba(255,255,255,0.4);border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid rgba(255,255,255,.5);text-shadow:0 1px 0 rgba(255,255,255,.6);cursor:pointer} .panel_tabs li:hover {color:#222;} .panel_tabs li.active {background: #ffffff; background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #dcdcdc 0%,#ffffff 100%); background: -o-linear-gradient(top, #dcdcdc 0%,#ffffff 100%); background: linear-gradient(to bottom, #dcdcdc 0%,#ffffff 100%);} .panel_tabs li:before {content:'';background:#888;display:block;position:absolute;bottom:5px;left:-5px;top:-5px;right:-5px;z-index:-9;border-top-left-radius:8px;border-top-right-radius:8px;border-top:1px solid rgba(255,255,255,.3);text-indent:-999em;} .panel_tabs + div > div {display:none;} .panel_tabs + div > .active {display:block;} [data-message='info']:after, [data-message='error']:after {z-index:9999;display:block;padding:0 5px;min-width:5px;line-height:15px;height:15px;content:attr(data-num);border:2px solid white;position:absolute;right:-5px;top:-15px;color:white;border-radius:10px;font-size:10px;text-shadow:none !important;box-shadow:0 0 5px rgba(0,0,0,0.8)} [data-message='info']:after {background: #325973; background: -moz-linear-gradient(top, #527e9b 0%, #325973 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#527e9b), color-stop(100%,#325973)); background: -webkit-linear-gradient(top, #527e9b 0%,#325973 100%); background: -o-linear-gradient(top, #527e9b 0%,#325973 100%); background: linear-gradient(to bottom, #527e9b 0%,#325973 100%);} [data-message='error']:after {background: #990000; background: -moz-linear-gradient(top, #cc0000 0%, #990000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990000)); background: -webkit-linear-gradient(top, #cc0000 0%,#990000 100%); background: -o-linear-gradient(top, #cc0000 0%,#990000 100%); background: linear-gradient(to bottom, #cc0000 0%,#990000 100%);} #message_box {position:fixed;z-index:999999;width:100%;max-width:1900px;min-width:975px;height:0;top:0;} #message_box > div {position:absolute;width:400px;height:70px;text-align:center;line-height:70px;top:-80px;left:50%;margin-left:-200px;box-shadow:0 0 5px rgba(0,0,0,.5);background-image:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png);border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;color:white;text-shadow:0 -1px 0 rgba(0,0,0,.6);font-size:1.2em;} #message_box [data-type='confirm'] {background-position:0 -400px;} #message_box [data-type='error'] {background-position:-400px -400px;} #message_box [data-type='info'] {background-position:-800px -400px;color:#444;text-shadow:0 -1px 0 rgba(255,255,255,.6);} #message_box span {width:16px;height:16px;display:inline-block;vertical-align:middle;} #message_box [data-type='confirm'] span {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/accept.png);} #message_box [data-type='error'] span {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/delete.png);} #message_box [data-type='info'] span {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/information.png);} /* ################################################################################################### # # COLS # ################################################################################################### */ .cols {} .cols[data-cols='2'] .cl > div {width:50%;} .cols[data-cols='3'] .cl > div {width:33.3%;} .cols[data-cols='4'] .cl > div {width:25%;} .cols .cl {margin:20px 0} .cols .panel {margin:0 10px} /* ################################################################################################### # # LINKS ETC # ################################################################################################### */ a {color:#527E9B;background:none;} .btn {display:inline-block;height:25px !important;line-height:25px !important;padding:0 10px 0 20px;margin-right:10px;background-image:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png);background-position:left -96px;color:white !important;text-shadow:0 -1px 0 rgba(0,0,0,0.5);text-decoration:none;font-weight:normal!important;z-index:1} .btn:after {content:'';display:block;width:15px;height:25px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png) right -96px;position:absolute;top:0;right:-10px;border:none;z-index:0;} .btn:hover {background-position:left -121px;} .btn:hover:after {background-position:right -121px;} .btn:active {background-position:left -346px;} .btn:active:after {background-position:right -346px;} .btn [data-icon] {display:inline-block;width:16px;padding:0;margin-right:8px;line-height:25px;height:25px;vertical-align:top} .btn[data-col='red'] {background-position:left -146px;} .btn[data-col='red']:after {background-position:right -146px;} .btn[data-col='red']:hover {background-position:left -171px;} .btn[data-col='red']:hover:after {background-position:right -171px;} .btn[data-col='red']:active {background-position:left -371px;} .btn[data-col='red']:active:after {background-position:right -371px;} .btn[data-col='grey'] {background-position:left -196px;color:#666 !important;text-shadow:0 1px 0 white} .btn[data-col='grey']:after {background-position:right -196px;} .btn[data-col='grey']:hover {background-position:left -221px;} .btn[data-col='grey']:hover:after {background-position:right -221px;} .btn[data-col='grey']:active {background-position:left -246px;} .btn[data-col='grey']:active:after {background-position:right -246px;} .btn[data-disabled] {cursor:wait;} /* ################################################################################################### # # PULLDOWN MENU'S # ################################################################################################### */ .pulldown > a:after {content:' ▾';} .pulldown ul {float:none !important;position:absolute;z-index:900;background:white;margin-top:25px;top:0;left:0;line-height:1.6em;border:1px solid rgba(0,0,0,0.5);display:none;box-shadow:0 0 20px rgba(0,0,0,0.8)} .pulldown ul[data-align='right'] {right:0;left:auto;} .pulldown ul li {display:block;} .pulldown:hover > ul {display:block;} .pulldown ul a {font-weight:normal !important;display:block;height:24px;line-height:24px;padding:0 5px;width:170px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;;border-top:1px dotted rgba(0,0,0,0.5)} .pulldown ul li:first-child a {border:none;} .pulldown ul a:hover {background:rgba(0,0,0,0.05);} #container_top .pulldown > a {border:1px solid transparent;padding:0 5px;z-index:999} #container_top .pulldown > a[data-icon] {padding-left:29px;background-position:5px center} #container_top .pulldown:hover > a {background-color:white;border:1px solid rgba(0,0,0,0.5);border-bottom:1px solid white;} /* ################################################################################################### # # NAVIGATION AND UL STYLINGS # ################################################################################################### */ #navigation {margin:0;text-align:left;padding:0;position:relative;z-index:98;} #navigation > li {display:inline-block;height:32px;margin-left:10px;} #navigation > li > a {display:block;height:32px;line-height:32px;text-decoration:none;color:#ddd;padding:0 10px;position:relative;z-index:99;} #navigation > li.active > a {background:rgba(0,0,0,0.2);border-radius:8px;border-top:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.3);} #navigation > li:hover > a {color:#527E9B !important;text-shadow:0 1px 0 white !important;background: #e5e5e5; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);;border-radius:8px;border:none;} #navigation > li[data-submenu]:hover > a {border-bottom-left-radius:0;border-bottom-right-radius:0;} #navigation > li > a:hover {color:white;} #navigation li:hover ul {display:block;margin:0;} #navigation li ul {box-shadow:0 0 20px rgba(0,0,0,0.8);width:250px;padding:10px 0;position:absolute;left:0;top:32px;display:none;z-index:98;background:#e5e5e5;} #navigation li ul a {display:block;height:24px;line-height:24px;padding:0 20px 0 40px;text-decoration:none;color:#527E9B;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;;text-shadow:0 1px 0 white} #navigation li ul a:hover {background:rgba(255,255,255,0.2);color:#333;} #navigation li ul a:hover:after {content:'▸';position:absolute;left:20px;} #navigation li:nth-last-child(2) ul, #navigation li:last-child ul, /* #navigation li ul[data-align='right'] {right:0;left:auto;}*/ .navigation_sub {margin-bottom:30px;} .panel_linklist li, .navigation_sub li {} .panel_linklist a, .navigation_sub a {display:block;line-height:20px;height:20px;text-decoration:none;border-top:1px dotted rgba(255,255,255,0.15);border-bottom:1px dotted rgba(0,0,0,0.3);margin:0 -5px;padding:0 5px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;;color:#e5e5e4;} .panel_linklist li:first-child a, .navigation_sub li:first-child a {border-top:none;} .panel_linklist li:last-child a, .navigation_sub li:last-child a {border-bottom:none;} #timeline a:hover, .navigation_sub a.active, .navigation_sub a:hover {background-color:rgba(255,255,255,0.1);color:white;} .navigation_sub a[data-icon] {padding:0 5px 0 29px;background-position:5px center} .navigation_sub + .navigation_sub {margin-top:-15px;} .panel_linklist {margin-bottom:0;} .panel_linklist li a {padding-right:100px;} .panel_linklist li a:after {content:attr(data-date);position:absolute;right:0;font-size:11px;color:#979797} .panel_linklist li a:hover:after {color:white;} .panel_linklist li a:hover {background:rgba(255,255,255,0.05)} .message_list {margin:0;padding:0;line-height:1.6em;} .message_list li:last-child { border-bottom:none;} .message_list li:first-child {margin-top:0;padding-top:0;border-top:none;background-position:left 2px} .message_list li {border-top: 1px dotted rgba(255, 255, 255, 0.2);border-bottom: 1px dotted rgba(0, 0, 0, 0.5);background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/bell.png) left 12px no-repeat; padding:10px 0 30px 24px;} .message_list li:after {content:attr(data-date);color:#B3B2B3;position:absolute;bottom:10px;right:0;font-size:9px;} #timeout_loader { width:100%;height:100%;z-index:99999999;position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);color:#fff;} #timeout_loader div {position:absolute; top:50%;left:50%;margin-top:-50px;margin-left:-50px;width:100px;margin:0 auto;text-align: center;height:100px;} ul[data-buttonbar] {list-style:none;padding:0;margin:0;display:inline-block;height:25px !important;} ul[data-buttonbar] li {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png) center -196px;margin:0;padding:0;height:25px;display:inline-block;} ul[data-buttonbar] li:hover {background-position:center -221px} ul[data-buttonbar] li:active {background-position: center -246px;} ul[data-buttonbar] a {display:block;margin:0;padding:0 10px;line-height:25px;height:25px;border:0;border-left:1px solid #f7f7f7;border-right:1px solid #b7b7b6;color:#666 !important;text-shadow:0 1px 0 white;text-decoration:none;font-size:1em;font-size:11px;z-index:999} ul[data-buttonbar] li:first-child {margin-left:10px;} ul[data-buttonbar] li:first-child:before {content:'';position:absolute;left:-10px;top:0;width:10px;height:25px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png) left -196px;} ul[data-buttonbar] li:first-child a {border-left:none;margin-left:-10px;} ul[data-buttonbar] li:first-child:hover:before {background-position:left -221px;} ul[data-buttonbar] li:first-child:active:before {background-position: left -246px;} ul[data-buttonbar] li:last-child {margin-right:10px;} ul[data-buttonbar] li:last-child:after {content:'';position:absolute;right:-10px;top:0;width:10px;height:25px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_sprites.png) right -196px;} ul[data-buttonbar] li:last-child a {border-right:none;margin-right:-10px;} ul[data-buttonbar] li:last-child:hover:after {background-position:right -221px;} ul[data-buttonbar] li:last-child:active:after {background-position: right -246px;} ul[data-buttonbar] [data-icon] {padding-left:34px;background-position:10px center} h1 ul[data-buttonbar], h2 ul[data-buttonbar], h3 ul[data-buttonbar] {position:absolute;right:0;top:0;} ul {list-style-type:none;margin:1em 0;padding:0;} li {padding:0;margin:0;} ul[itemprop='breadcrumb'] {list-style:none;padding:0;margin:0;padding:0 20px;margin-bottom:-10px;z-index:99;font-size:11px;} ul[itemprop='breadcrumb'] li {display:inline-block;margin-left:30px;color:white;text-shadow:0 1px 0 black;} ul[itemprop='breadcrumb'] li:after {content:'▸';position:absolute;left:-18px;top:0;color:#b3b2b3;} ul[itemprop='breadcrumb'] li:first-child {margin-left:0;} ul[itemprop='breadcrumb'] li:first-child:after {content:none;} ul[itemprop='breadcrumb'] li a {color:#b3b2b3;} li a[href*='facebook.com'], li a[href*='twitter.com'], li a[href*='linkedin.com'] {height:20px;line-height:20px;vertical-align:middle;display:inline-block;*display:inline;background-repeat:no-repeat;background-position:left center;padding-left:24px;} li a[href*='facebook.com'] {background-image:url(https://crmstaging.marosel.nl/base_public/cdn/img/social_16/facebook.png);} li a[href*='twitter.com'] {background-image:url(https://crmstaging.marosel.nl/base_public/cdn/img/social_16/twitter.png);} li a[href*='linkedin.com'] {background-image:url(https://crmstaging.marosel.nl/base_public/cdn/img/social_16/linkedin.png);} /* ################################################################################################### # # SEARCH # ################################################################################################### */ #cms_main_search {position:absolute;top:0;right:20px;z-index:99;} #cms_main_search input[type='text'] {margin:0;margin-top:11px;background-color:rgba(255,255,255,.1);border-radius:8px;border:none;border-top:1px solid rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.3);padding-left:40px;background-position:12px center;color:white;height:30px;width:500px;} #cms_main_search input[type=text]:focus {box-shadow:none;background-color:rgba(255,255,255,.3);} /* ################################################################################################### # # CMS POPUP # ################################################################################################### */ #cmsPopup h2 {color:#527E9B;margin-bottom:10px;} #cmsPopup {overflow-y:scroll;} /* ################################################################################################### # # PADDING AND MARGINS # ################################################################################################### */ /* ################################################################################################### # # STYLING OF HEADERS # ################################################################################################### */ h1, h2, h3, h4, h5, h6 {margin:20px 0;margin-bottom:20px;padding:0;color:#e5e5e4;line-height:26px;padding:0;font-size:1.2em;font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;} h1 {line-height:26px;padding:0;font-size:1.5em;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top:0;} /* ################################################################################################### # # HELP ICON POPUP # ################################################################################################### */ span.information {padding:0;margin:0;display:inline-block;vertical-align:middle;width:16px;height:16px;position:relative;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/information.png);cursor:pointer;margin:-4px 5px auto;font-size:12px;color:#444;} span.information > div {padding:0;margin:0;padding-left:16px;position:absolute;top:-12px;left:0;display:none;line-height:1em;height:auto;} span.information > div > div {margin:0;margin-left:8px;width:250px;background:#eef9ff;border:1px solid #9db8c6;padding:10px;cursor:default;line-height:1.4em;height:auto;} span.information > div > i {margin:0;padding:0;border:none;background:none; font-size: 0px; line-height: 0%; width: 0px; border-top: 8px solid transparent; border-right: 8px solid #9db8c6; border-bottom: 8px solid transparent; position:absolute;top:12px;left:16px;line-height:1.4em;height:auto;} span.information > div > i > i {margin:0;padding:0;border:none;background:none; font-size: 0px; line-height: 0%; width: 0px; border-top: 8px solid transparent; border-right: 8px solid #eef9ff; border-bottom: 8px solid transparent; position:absolute;top:-8px;*top:-9px;left:1px;*left:2px;line-height:1.4em;height:auto;} span.information:hover > div {display:block;} /* ################################################################################################### # # VARIOUS # ################################################################################################### */ .cl:after {content:'.';clear:both;height:0;visibility:hidden;display:block;} .cl {zoom: 1;} .cl > div {float:left;} .cl > div > div {padding:20px 20px 0;} hr{margin-top:20px;margin-bottom:20px;padding:0;border:none;border-top:1px solid #aaa;border-bottom:1px solid white;} .note {font-size:.9em;font-weight:normal} [data-float='left'] {float:left;} [data-float='right'] {float:right !important;} [data-padding='10'] {padding:10px 20px !important;} [data-padding='0'] {padding:0 !important;} [data-paddingTop='10'] { padding-top:10px !important; } .defaulter_highlight {margin-top:20px;padding:8px 10px;background:#f83e49;border-radius:5px;} /* ADJUSTMENTS FOR SMALL AND LARGE SCREENS */ @media all and (max-width: 2280px) { aside {width:250px;} /* * EDIT VAN VINCENT * Padding-top:20px; IPV 205px * padding-bottom: 20px; IPV 70px */ [data-master-container] {padding:20px 20px 20px 270px;} #container_content {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-wrapper.png) -80px repeat-y, url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_bg-shade-content-main.png) 250px top no-repeat;background-attachment:fixed;} .panel_tabs li {padding:0 15px;} } /* END ADJUSTMENTS FOR SMALL SCREENS */ /* ################################################################################################### # # CUSTOM SELECT # ################################################################################################### */ column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-row] input[type="text"].s.hasDatepicker{ width: 201px; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-row] img.ui-datepicker-trigger{ vertical-align: sub; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-type="checkbox"][data-field-row][data-field-row-name].clearDiv{ padding-left: 10px; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-type="checkbox"][data-field-row][data-field-row-name].clearDiv ul{ width: 100%; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-type="checkbox"][data-field-row][data-field-row-name].clearDiv ul li{ width: 25%; float: left; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-type="checkbox"][data-field-row][data-field-row-name].clearDiv ul li label.boolean{ vertical-align: sub; } column[data-fieldcolumngroup][data-columngroup="filterGroup"] div[data-field-type="checkbox"][data-field-row][data-field-row-name].clearDiv ul li label.boolean input[type="radio"]{ display: inline-block; width: 13px !important; vertical-align: baseline; } .project__financial{ display: flex; justify-content: space-between; align-items: flex-start; } .project__financial fieldset:nth-child(-n+2){ width: 49%; } /* ################################################################################################### # # EDUDEX POPUP STYLING # ################################################################################################### */ .partial_import_iframe_wrapper{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .partial_import_iframe_wrapper button{ font-size: 20px; font-weight: lighter; padding: 10px; } .partial_import_iframe_wrapper iframe { width: 100%; height: 100%; } #exportlist_listview_container { overflow-x: auto; } /* ################################################################################################### # # END CSS FILE # ################################################################################################### */ /* ################################################################################################### # # CMS CSS: LOGIN PAGE # ################################################################################################### */ #container_login {width:400px;margin:40px auto;} #container_login > div {} [data-page='login'] input[type=password], [data-page='login'] input[type=text] {width:100% !important} #container_login .btn + a {font-size:11px;float:right;*float:none;line-height:30px} [data-page='login'] {width:400px;height:200px;position:absolute;top:40%;left:50%;margin-left:-200px;} [data-page='login'] {width:400px;height:200px;} [data-page='login'] span {display:none !important;} .logo { width: 60px; display: block; margin: 20px auto; margin-top: 0; } .logo--arcLeft { fill: #329a67; } .logo--arcRight { fill: #d05e3c; } .logo--circle { fill: #e3c682; } .logo:hover .logo--arcLeft { fill: #329a67; } .logo:hover .logo--arcRight { fill: #d05e3c; } .logo:hover .logo--circle { fill: #e3c682; } /* ################################################################################################### # # END CSS FILE # ################################################################################################### */ /* ################################################################################################### # # FORM STYLING AND INPUT STYLING # ################################################################################################### */ form {margin:0;padding:0;} select, textarea, input[type=password], input[type=email], input[type=text] {font:12px tahoma, verdana, arial;border:1px solid #ddd;height:24px;line-height:24px;margin-bottom:10px;width:300px;margin-right:10px;line-height:24px;resize:none;border-radius:0;padding:0 2px;} textarea {height:100px;line-height:20px;vertical-align:top;margin:0;} /* select:focus, textarea:focus, input:focus {box-shadow:0 0 5px rgba(82,126,155,.5);border:1px solid #aaa} */ /* select:focus, textarea:focus, input[type=text]:focus {border-left:4px solid #a00} */ input[type=text][name*=date] {width:130px !important;} input[type=submit] {width:0px;height:0px;position:absolute;left:-9999px;top:-9999px;font-size:0;text-indent:-9999em;} input[type=checkbox] {vertical-align: middle;} fieldset {margin:0;} legend {display:none;} label.l {display:inline-block;width:150px;} [data-length='max'] {max-width:800px !important;} [data-field-row] {padding:2px 5px;min-height:15px;} [data-field-row-name]:before {top:5px;left:5px;line-height:24px;} .panel[data-col='white'] [data-field-row], column [data-field-row] {min-height:36px;line-height:24px;} fieldset [data-field-row] {background:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.04);margin-bottom:5px;padding:5px;} fieldset [data-field-row]:hover {border:1px solid rgba(0,0,0,.1);} fieldset [data-field-row-name]:before {top:6px;left:5px;line-height:24px;} [data-field-row] input[type='text'], [data-field-row] input[type='email'], [data-field-row] ul, [data-field-row] select, [data-field-row] textarea, [data-field-row] input[type='password'] {margin:0 !important;-webkit-appearance:none;-moz-appearance:none;appearance:none} .select2-search input {width:100%;} [data-field-row] img {vertical-align:middle;display:inline-block;} [data-field-row] input + img, [data-field-row] input + a, [data-field-row] textarea + img, [data-field-row] textarea + a, [data-field-row] select + img, [data-field-row] select + a {display:inline-block;margin-left:10px} [data-field-row][data-field-row-name] {padding-left:150px;} [data-field-row-name]:before {display:block;content:attr(data-field-row-name);position:absolute;top:0;left:0;} [data-field-row-name][data-mandatory]:before {content:attr(data-field-row-name) ' *';} [data-field-row-groep] {margin-top:20px;} [data-field-row] [data-length='max'] {width:100%;} form.column_form fieldset column{ padding: 0; margin: 0; display: flex; flex-direction: column; } form.column_form fieldset column .column_header{ margin-bottom: 5px; font-weight: bold; } form.column_form fieldset column .column_header, form.column_form fieldset column [data-field-row]{ padding-left: 5px; padding-right: 5px; } form.column_form fieldset column [data-field-row]{ background: none; border: none; border-bottom: 1px solid #e5e5e4; margin-bottom: 0; line-height: 28px; min-height: 40px; } form.column_form fieldset column:first-child [data-field-row]{ border-left: 1px solid #e5e5e4; } form.column_form fieldset column:last-child [data-field-row]{ border-right: 1px solid #e5e5e4; } form.column_form fieldset column [data-field-row]:nth-child(2){ border-top: 1px solid #e5e5e4; padding-top: 5px; } form.column_form fieldset column [data-field-row]:nth-child(even){ background: #f9f9f9; } form.column_form fieldset column [data-field-row] .select2-container{ width: 100%; } form.column_form fieldset column [data-field-row] span.errortext{ padding-left: 0; display: none!important; } [data-row-error] {border:1px solid rgb(190,0,0) !important;background:rgba(190,0,0,.03) !important;color:rgb(190,0,0)} [data-class="ok"] {border:1px solid rgb(95, 178, 0) !important;/*background:rgba(95, 178, 0,.03) !important;color:rgb(95, 178, 0)*/} [data-field-type="checkbox"] ul {display:inline-block;} fieldset[data-fieldgroup] {margin:0 0 20px;border:1px solid rgba(0,0,0,.1);padding:10px;} fieldset[data-fieldgroup] legend {display:block;background:white;padding:0 5px;font-weight:bold;height:16px;line-height:16px;} fieldset column {display:block;float:left;padding:0 5px;} [data-fieldcolumngroup] select, [data-fieldcolumngroup] input {width:100%} [data-fieldcolumngroup] [data-field-row][data-field-row-name] {padding-left: 30%;} [data-fieldcolumngroup] [data-field-row][data-field-row-name] select, [data-fieldcolumngroup] [data-field-row][data-field-row-name] input {width:100%} /*[data-fieldcolumngroup] > div > div {padding:5px !important;}*/ /*[data-fieldcolumngroup] > div {padding:0 !important;}*/ /*.cl [data-fieldcolumngroup] {padding:0 5px !important;} .cl [data-fieldcolumngroup] > div {padding:5px !important;min-height:38px;} .cl [data-fieldcolumngroup] > div[data-field-row-name] {padding-left:150px !important;}*/ [data-closable] {} [data-closable] > a {font-size:15px;font-weight:bold;text-decoration:none;display:block;width:16px;height:16px;line-height:16px;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:-1px;background:white;} table[data-grid] { } table[data-grid] tr:first-child { font-weight:bold; } table[data-grid] tr:first-child td { border-top:none } table[data-grid] tr td {padding:5px;border-top: 1px solid #e6e6e6;} table[data-grid] label {padding:5px;} @media all and (max-width: 1280px) { } span.errortext{padding-left: 10px;} /* ################################################################################################### # # END CSS FILE # ################################################################################################### */ /* ################################################################################################### # # CMS CSS: ICONS # ################################################################################################### */ [data-icon] {padding-left:24px;} [data-icon='home'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/house.png) left center no-repeat} [data-icon='stats'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/chart_curve.png) left center no-repeat} [data-icon='pages'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_stack.png) left center no-repeat} [data-icon='medal_gold_1'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/medal_gold_1.png) left center no-repeat} [data-icon='medal_gold_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/medal_gold_add.png) left center no-repeat} [data-icon='medal_gold_1 inactive'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/medal_silver_1.png) left center no-repeat} [data-icon='medal_gold_1 active'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/medal_gold_1.png) left center no-repeat} [data-icon='user inactive'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/bw/user.png) left center no-repeat} [data-icon='user active'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user.png) left center no-repeat} [data-icon='lock'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lock.png) left center no-repeat} [data-icon='save'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/disk.png) left center no-repeat} [data-icon='cancel'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cross.png) left center no-repeat} [data-icon='preview'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/magnifier.png) left center no-repeat} [data-icon='status'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/tick.png) left center no-repeat} [data-icon='error'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/error.png) left center no-repeat} [data-icon='tick'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/tick.png) left center no-repeat} [data-icon='status inactive'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/tick_grey.png) left center no-repeat} [data-icon='status blocked'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cross.png) left center no-repeat} [data-icon='cross'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cross.png) left center no-repeat} [data-icon='edit'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/pencil.png) left center no-repeat} [data-icon='delete'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/delete.png) left center no-repeat} [data-icon='restore'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/accept.png) left center no-repeat} [data-icon='page_white'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white.png) left center no-repeat} [data-icon='page_white_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_add.png) left center no-repeat} [data-icon='page_white_text'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_text.png) left center no-repeat} [data-icon='page_edit'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_edit.png) left center no-repeat} [data-icon='page_link'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_link.png) left center no-repeat} [data-icon='page_white_link'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_link.png) left center no-repeat} [data-icon='page_white_text_menu'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_go.png) left center no-repeat} [data-icon='page_white_edit'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_edit.png) left center no-repeat} [data-icon='page_copy'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_copy.png) left center no-repeat} /*[data-icon='link'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/link.png) left center no-repeat}*/ [data-icon='default'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lightbulb.png) left center no-repeat} [data-icon='default inactive'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lightbulb_off.png) left center no-repeat} [data-icon='copy'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/page_white_copy.png) left center no-repeat} [data-icon='webpreview'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/world_go.png) left center no-repeat} [data-icon='clock'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/clock.png) left center no-repeat} [data-icon='help'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/help.png) left center no-repeat} [data-icon='sitemap'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/sitemap_color.png) left center no-repeat} [data-icon='map'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/map.png) left center no-repeat} [data-icon='map_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/map_add.png) left center no-repeat} [data-icon='email'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/email.png) left center no-repeat} [data-icon='telephone'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/telephone.png) left center no-repeat} [data-icon='script'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/script.png) left center no-repeat} [data-icon='comment'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/comment.png) left center no-repeat} [data-icon='commens'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/comments.png) left center no-repeat} [data-icon='comment_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/comment_add.png) left center no-repeat} [data-icon='user'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user.png) left center no-repeat} [data-icon='usergroup'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/group.png) left center no-repeat} [data-icon='user_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user_add.png) left center no-repeat} [data-icon='user_grey'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/bw/user.png) left center no-repeat} [data-icon='user_female'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user_female.png) left center no-repeat} [data-icon='user_suit'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user_suit.png) left center no-repeat} [data-icon='user_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user_go.png) left center no-repeat} [data-icon='user_comment'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/user_comment.png) left center no-repeat} [data-icon='link'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/link.png) left center no-repeat} [data-icon='bell'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/bell.png) left center no-repeat} [data-icon='coins'], [data-icon='credits'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/coins.png) left center no-repeat} [data-icon='credits_delete'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/coins_delete.png) left center no-repeat} [data-icon='mail'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/email.png) left center no-repeat} [data-icon='order'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cart.png) left center no-repeat} [data-icon='cart'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cart.png) left center no-repeat} [data-icon='cart_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cart_add.png) left center no-repeat} [data-icon='cart_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cart_go.png) left center no-repeat} [data-icon='settings'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/wrench.png) left center no-repeat} [data-icon='magnifier'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/magnifier.png) left center no-repeat} [data-icon='note'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/note.png) left center no-repeat} [data-icon='note_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/note_add.png) left center no-repeat} [data-icon='book'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/book.png) left center no-repeat} [data-icon='book_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/book_add.png) left center no-repeat} [data-icon='book_open'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/book_open.png) left center no-repeat} [data-icon='building'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/building.png) left center no-repeat} [data-icon='building_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/building_add.png) left center no-repeat} [data-icon='basket'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/basket.png) left center no-repeat} [data-icon='basket_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/basket_add.png) left center no-repeat} [data-icon='world'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/world.png) left center no-repeat} [data-icon='world_edit'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/world_edit.png) left center no-repeat} [data-icon='world_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/world_add.png) left center no-repeat} [data-icon='refresh'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/arrow_refresh.png) left center no-repeat} [data-icon='table'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/application_view_list.png) left center no-repeat} [data-icon='application_view_list'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/application_view_list.png) left center no-repeat} [data-icon='application'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/application.png) left center no-repeat} [data-icon='chart_bar'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/chart_bar.png) left center no-repeat} [data-icon='comments'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/comments.png) left center no-repeat} [data-icon='action'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cog.png) left center no-repeat} [data-icon='list'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/text_list_bullets.png) left center no-repeat} [data-icon='bulb_on'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lightbulb.png) left center no-repeat} [data-icon='bulb_off'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lightbulb_off.png) left center no-repeat} [data-icon='package'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/package.png) left center no-repeat} [data-icon='package_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/package_add.png) left center no-repeat} [data-icon='package_green'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/package_green.png) left center no-repeat} [data-icon='folder'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder.png) left center no-repeat} [data-icon='folder_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder_add.png) left center no-repeat} [data-icon='folder_link'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder_link.png) left center no-repeat} [data-icon='folder_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder_go.png) left center no-repeat} [data-icon='folder_user'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder_user.png) left center no-repeat} [data-icon='facebook'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/social_16/facebook.png) left center no-repeat} [data-icon='folder_page_white'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/folder_page_white.png) left center no-repeat} [data-icon='tag_blue'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/tag_blue.png) left center no-repeat} [data-icon='tag_red'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/tag_red.png) left center no-repeat} [data-icon='money'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/money.png) left center no-repeat} [data-icon='money_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/money_add.png) left center no-repeat} [data-icon='calendar'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/calendar.png) left center no-repeat} [data-icon='calendar_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/calendar_add.png) left center no-repeat} [data-icon='cog_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/cog_go.png) left center no-repeat} [data-icon='printer'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/printer.png) left center no-repeat} [data-icon='add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/add.png) left center no-repeat} [data-icon='lorry'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lorry.png) left center no-repeat} [data-icon='lorry_add'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lorry_add.png) left center no-repeat} [data-icon='lorry_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/lorry_go.png) left center no-repeat} [data-icon='key'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/key.png) left center no-repeat} [data-icon='application_go'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/application_go.png) left center no-repeat} [data-icon='resultset_next'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/resultset_next.png) left center no-repeat} [data-icon='color_swatch'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/color_swatch.png) left center no-repeat} [data-icon='drive_web'] {background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/drive_web.png) left center no-repeat} [data-add]:after {content:'';position:absolute;display:block;width:16px;height:16px;top:5px;left:13px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/icons/bullet_add.png)} /* ################################################################################################### # # END CSS FILE # ################################################################################################### */ /* ################################################################################################### # # CMS CSS: DASHBOARD # ################################################################################################### */ /*.panel.list div > span {position: absolute;top:25px;right:20px;display: block;color:#325973} .panel.list div > a { position:absolute;right:20px;bottom:20px;display:inline-block;color:#9d9d9d;text-decoration: none;padding-right:15px; } .panel.list div > a:after { position:absolute;right:0;content:"▶"} [data-list="dashboard"] { padding-bottom:20px; } [data-list="dashboard"] li:hover { background-color:#f1f3f5 } [data-list="dashboard"] li:first-child {border-top:none;} [data-list="dashboard"] li {font-weight:bold;font-size:1.1em;border-top:1px dotted #9d9d9d;padding-top:5px;padding-bottom:5px;} [data-list="dashboard"] li i { font-style: normal;font-weight: normal;font-size:0.9em;color:#9d9d9d } [data-list="dashboard"] li:after { position:absolute; right:0; content:attr(data-date);} [data-list="dashboard"] li[data-icon='error'][data-date]:after { color:#990001} [data-list="dashboard"] li[data-date]:after { font-weight:normal;color:#325973 }*/ /* ADJUSTMENTS FOR SMALL SCREENS */ @media all and (max-width: 960px) { } @media all and (max-width: 1200px) { } @media all and (min-width: 1200px) { } /* END ADJUSTMENTS FOR SMALL SCREENS */ /* ################################################################################################### # # END CSS FILE # ################################################################################################### *//* ################################################################################################### # # CMS CSS: LISTVIEWS # ################################################################################################### */ .listview {padding:0;margin:20px 0px;width:100%;white-space:nowrap;table-layout:fixed;} .listview td:first-child, .listview th:first-child {width:40px;padding:0;} .listview td:nth-child(2), .listview th:nth-child(2) {padding:0;} .listview th[data-width='small'] {width:150px;} .listview td:last-child, .listview th:last-child {width:auto;text-align:right;overflow:visible} .listview th {padding-left:10px;height:30px;color:#676767} .listview th a {color:#999 !important;text-decoration:none;display:block;} .listview th a[data-clickable] {cursor:pointer;} .listview th a[data-clickable]:hover {color:#676767 !important;} .listview th [data-order]:after {content:'▲';margin-left:5px;} .listview th [data-order="desc"]:after {content:'▼';} .listview span {display:block;overflow:hidden;text-overflow: ellipsis} .listview tr:nth-child(even) {background:#f9f9f9} .listview td {border-bottom:1px solid #e5e5e4;overflow:hidden;text-overflow: ellipsis;height:40px;padding-left:10px;} .listview td:first-child {border-left:1px solid #e5e5e4;} .listview td:last-child {border-right:1px solid #e5e5e4;} .listview tr[data-header] {background:none;} .listview tr[data-header] {background:none;} .listview tr[data-header] th {border-bottom:1px solid #e5e5e4;} .listview tr[data-header]:nth-child(1) th {border-bottom:none;} .listview tr:nth-child(1) td {border-top:1px solid #e5e5e4;} .listview tr:hover {background:rgba(82,126,155,0.1)} .listview tr[data-header]:hover {background:none} .listview tr[data-rowcolor='red'] {background:rgba(190, 0, 0, .1) !important;} .listview tr[data-rowcolor='red']:nth-child(even) {background:rgba(190, 0, 0, .07) !important;} .listview tr[data-rowcolor='blue'] {background:rgba(0, 0, 190, .1) !important;} .listview tr[data-rowcolor='blue']:nth-child(even) {background:rgba(0, 0, 190, .07) !important;} .listview tr[data-rowcolor='green'] {background:rgba(63, 249, 23, .1) !important;} .listview tr[data-rowcolor='green']:nth-child(even) {background:rgba(63, 249, 23, .07) !important;} .listview tr[data-rowcolor='yellow'] {background:rgba(255, 244, 196, .5) !important;} .listview tr[data-rowcolor='yellow']:nth-child(even) {background:rgba(255, 244, 196, .07) !important;} .listview [data-color='red'], .listview_stripped [data-color='red'] { color:#990001} .listview [data-color='green'], .listview_stripped [data-color='green'] { color:#088208} .listview td {position:relative !important;} .listview[data-sortable] td:first-child [data-icon]:hover {cursor:move;} .listview[data-sortable] td:first-child [data-icon]:after {content:'';position:absolute;bottom:-4px;right:-4px;width:8px;height:13px;background:url(https://crmstaging.marosel.nl/base_public/cdn/img/cms_icon-sortable.png)} .placeholder {background:rgb(110, 159, 128) !important;min-height:40px !important;visibility: visible !important;} /* CREATE ICON FOR ITEM TYPE */ .listview td:first-child [data-icon] {display:block;width:16px;height:16px;padding-left:0;margin:12px;} /* CREATE SUBNAVIGATION */ .listview_actions {list-style:none;margin:0;padding:0;margin-right:10px;} .listview_actions > li {display:inline-block;opacity:0.5;z-index:0;} .listview_actions > li > a {display:inline-block;height:24px;width:24px;padding:4px;text-indent:-999em;background-position:center center;z-index:0;} .listview_actions a {color:#444 !important;font-weight:normal !important;font-size:11px;} .listview_actions [data-submenu='true']:hover > a {background-color:white;border:1px solid rgba(0,0,0,0.5);border-bottom:1px solid white;z-index:9999} .listview_actions > li:hover {opacity:1;z-index:1;} .listview_actions > li:hover > a {opacity:1;} .listview_actions ul {display:none;position:absolute;margin-top:0;top:23px;right:0;border:1px solid rgba(0,0,0,0.5);box-shadow:0 0 20px rgba(0,0,0,0.8);background:white;z-index:9998} .listview_actions [data-submenu='true']:hover ul {display:block;} .listview_actions ul a {padding:0 24px;display:block;height:24px;line-height:24px;background-position:4px center;border-top:1px dotted rgba(0,0,0,0.5);text-decoration:none;} .listview_actions ul li:first-child a {border:none;} .listview_actions ul a:hover {background-color:rgba(0,0,0,0.05);} .listview + #nav .btn {text-align:center;display:block;} .listview + #nav .btn span {font-size:.8em;margin-left:20px;} /* CREATE leveled gridview with indents for the first two columns (icon and label) */ .listview tr[data-rowlevel] td:first-child, .listview tr[data-rowlevel] td:first-child + td { overflow: visible; } .listview tr[data-rowlevel="1"] td:first-child, .listview tr[data-rowlevel="1"] td:first-child + td { padding-left: 25px; } .listview tr[data-rowlevel="2"] td:first-child, .listview tr[data-rowlevel="2"] td:first-child + td { padding-left: 50px; } .listview tr[data-rowlevel="3"] td:first-child, .listview tr[data-rowlevel="3"] td:first-child + td { padding-left: 75px; } .listview tr[data-rowlevel="4"] td:first-child, .listview tr[data-rowlevel="4"] td:first-child + td { padding-left: 100px; } .listview tr[data-rowlevel="5"] td:first-child, .listview tr[data-rowlevel="5"] td:first-child + td { padding-left: 125px; } .listview tr[data-rowlevel="6"] td:first-child, .listview tr[data-rowlevel="6"] td:first-child + td { padding-left: 150px; } .listview tr[data-rowlevel="7"] td:first-child, .listview tr[data-rowlevel="7"] td:first-child + td { padding-left: 175px; } .listview tr[data-rowlevel="8"] td:first-child, .listview tr[data-rowlevel="8"] td:first-child + td { padding-left: 200px; } .listview tr[data-rowlevel="9"] td:first-child, .listview tr[data-rowlevel="9"] td:first-child + td { padding-left: 225px; } /* Clear last td from leveling */ .listview tr[data-rowlevel] td:nth-child(n+3){ overflow: hidden; } /* LISTVIEW SEARCH FIELD */ input[name='input_listview_search'] {display:block;margin:0;width:100% !important;padding-left:40px;background-position:12px center;} /* LISTVIEW PAGING */ /* ################################################################################################### # # CMS CSS: LISTVIEWS STRIPPED # ################################################################################################### */ .listview_stripped {padding:0;margin:20px 0px;width:100%;white-space:nowrap;table-layout:fixed;} .listview_stripped td:first-child, .listview_stripped th:first-child {width:20px;padding:0;} .listview_stripped td:last-child, .listview_stripped th:last-child {width:auto;text-align:right;overflow:visible} .listview_stripped td {border-bottom:1px dotted #9d9d9d;overflow:hidden;text-overflow: ellipsis;height:25px;padding-left:10px;} .listview_stripped tr:last-child td {border:none;} .listview_stripped td:first-child [data-icon] {display:block;width:16px;height:16px;padding-left:0;margin:5px 0;} .listview_stripped + .cl {margin:0;} .listview_stripped + .cl > a {float:right;} .listview_stripped tr {cursor: pointer;} .listview_stripped tr:hover td { background-color:#f1f3f5 } /*.listview_stripped tr:hover td { background-color:#f1f3f5 } .listview_stripped tr:first-child {border-top:none;} .listview_stripped tr {font-weight:bold;font-size:1.1em;border-top:1px dotted #9d9d9d;padding-top:5px;padding-bottom:5px;} .listview_stripped tr i { font-style: normal;font-weight: normal;font-size:0.9em;color:#9d9d9d } .listview_stripped tr:after { position:absolute; right:0; content:attr(data-date);} .listview_stripped tr[data-icon='error'][data-date]:after { color:#990001} .listview_stripped tr[data-date]:after { font-weight:normal;color:#325973 }*/ /* ADJUSTMENTS FOR SMALL SCREENS */ @media all and (max-width: 1280px) { .listview th[data-width='small'] {width:110px;} td[data-optional], th[data-optional] {display:none;} } .lis__tableView { border-collapse: separate; margin: 0; max-width: 100%; overflow-y: scroll; position: static !important } .lis__tableView:after { background: #e5e5e4; bottom: 0; content: ''; position: absolute; right: 0; top: 60px; width: 1px } .lis__tableView__container { margin: 20px 0; margin-left: 200px; overflow-x: scroll; overflow-y: visible; position: static !important } .lis__tableView tr:hover td:nth-of-type(1),.lis__tableView tr:hover td:nth-of-type(2) { background: rgba(82,126,155,0.1) !important } .lis__tableView tr:nth-of-type(even) td:nth-of-type(1),.lis__tableView tr:nth-of-type(even) td:nth-of-type(2),.lis__tableView tr:nth-of-type(even) th:nth-of-type(1),.lis__tableView tr:nth-of-type(even) th:nth-of-type(2) { background: #f9f9f9 } .lis__tableView td:nth-of-type(1),.lis__tableView td:nth-of-type(2),.lis__tableView th:nth-of-type(1),.lis__tableView th:nth-of-type(2) { height: 40px; left: 40px; line-height: 40px; overflow: hidden; position: absolute !important; text-overflow: ellipsis; top: auto; white-space: nowrap; width: 160px; z-index: 1 } .lis__tableView td:nth-of-type(1):not(th),.lis__tableView td:nth-of-type(2):not(th),.lis__tableView th:nth-of-type(1):not(th),.lis__tableView th:nth-of-type(2):not(th) { border-right: 1px solid #e5e5e4 } .lis__tableView td:nth-of-type(1),.lis__tableView th:nth-of-type(1) { width: 40px; left: 0; border-right: none !important } .lis__tableView td:last-of-type,.lis__tableView th:last-of-type { border-right: none } .lis__tableView th { height: 60px !important; line-height: 30px !important; padding-top: 30px } .lis__tableView th:nth-of-type(2) { top: 30px } /* END ADJUSTMENTS FOR SMALL SCREENS */ /* ################################################################################################### # # END CSS FILE # ################################################################################################### */ .no-display { display: none }